body{
margin: 1px 0px 0px 0px;
}
ul{
padding:0px;
margin: 0px;
}

a{
color: #000;
}

/*
ol
{
 list-style: roman;
}

ul li {
  padding: 0px 0px 0px 10px;
margin: 0px 0px 5px 0px;
  list-style: disc outside url("https://www.artgallery.org.nz/images/style/circle_icon.svg");
}
*/

h3, .h3 {
    margin: 10px 0;
}

#header ul li,
#slideContainer ul,
#slideContainer ul li
{
  list-style: none;
 margin: 0;
  padding:0;
}

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

/*-------------------------------*/
.centerContainer {
	width: 100%;
	margin: 0 auto;
}
.centerContainerInner {
	width: 94%;
	margin: 0px 3% 0;
	padding: 0;
}

p {
    margin: 0 0 13px;
}

@media screen and (min-width: 800px) {
.centerContainer {
width: 100%;
margin: 0 auto;
}
.centerContainerInner {
width: 100%;
margin: 0;
padding: 0;
}

}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {
.centerContainer {
width: 1044px;
}
.centerContainerInner {
width: 1024px;
margin: 0 10px;
padding: 0px 0px;
}
#header .centerContainerInner {
width: 1024px;
margin: 0 10px;
padding: 0px 0px;
}

}

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

#header
{
height: 100px;
z-index:1000;
box-shadow: none;
  position : fixed;
  top: 0;
  background : #fff;
  transition : 0.5s all;
}

#header.selected.stuck,
#header.selected
{
height: 100px;
z-index:1000;
box-shadow: none;
  position: fixed;
  height: 127px;
  top: 0;
  background : #fff;
  transition : 0.5s all;
}

#header.stuck
{
  background : transparent;
}

.navigation-wrapper
{
 position : fixed;
  top: 0;
  z-index: 10;
background: #fff;
}

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

#header
{
height: 127px;
}

#subscribeForm{
    width: 90% !important;
  }

.moduleComponent .centerContainerInner.imageInDiv.backgroundImage .imageCredit, .moduleComponent .centerContainerInner.imageInDiv.leftImage .imageCredit, .moduleComponent .centerContainerInner.imageInDiv.rightImage .imageCredit {
    margin-top: 5px;
    margin-bottom: 15px;
}

}

@media screen and (min-width:900px) {

#header.stuck,
#sectionNav.stuck
{
background : transparent;
}

  #sectionNav.stuck
{

}

}

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

a#logo #icon,
a#logo #icon2
{
 position: absolute;
  top: 0;
  left: 0;
width:350px;
height : 52px;
background-image: url(https://www.artgallery.org.nz/images/style/logo_large.png);
background-position:  top left;
  background-repeat:  no-repeat;
  background-size : 100% auto;
margin:40px 0px 10px 55px;
transition: 0.9s opacity;
  opacity: 1;
}

a#logo #icon
{
  opacity: 0;
}

a#logo.loaded #icon
{
  opacity: 1;
}
a#logo #icon2
{
  opacity: 1;
}
a#logo.loaded #icon2
{
  opacity: 0;
}

a#logo.loaded #icon
{
width: 55px;
 height:45px;
 background-image: url(https://www.artgallery.org.nz/images/style/logo_small.png);
background-size :  100% auto;
  margin:42px 0px 10px 55px;
   opacity: 1;
   z-index: 500;
}

a#logo span
{
display: none;
}

.headerNavigation
{
 opacity :0;
}

.headerNavigation ul li
{
 opacity :0;
  top: -30px;
  transition : 0.5s all;
}

.headerNavigation ul li.loaded
{
 opacity :1;
  top: 0px;
  transition : 0.5s all;
}

.headerNavigation.clicked
{
 opacity :1;
}
#hamburger #hamburgerIcon,
#hamburger.clicked #hamburgerIcon2,
#hamburger #hamburgerIcon2
{
position: absolute;
top: 50px;
right: 40px;
width:30px;
  height : 26px;
background-image: url(https://www.artgallery.org.nz/images/style/close.png);
background-position:  top left;
  background-repeat:  no-repeat;
  background-size : 100% auto;
margin:0px;
transition: 0.5s all;
  opacity: 1;
}

#hamburger #hamburgerIcon
{
  opacity: 0;
}

#hamburger.clicked #hamburgerIcon
{
  opacity: 0;
}
#hamburger #hamburgerIcon2
{
  opacity: 1;
}
#hamburger #hamburgerIcon2
{
  opacity: 0;
}

#hamburger #hamburgerIcon2
{
  top: 50px;
}

#hamburger #hamburgerIcon
{
width:30px;
height : 30px;
top: 50px;
right: 40px;
background-image: url(https://www.artgallery.org.nz/images/style/hamburger.png);
background-size : 100% auto;
margin:0px;
opacity: 1;
z-index: 999;
}

.headerNavigation > ul li .sub-toggle {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.headerNavigation > ul.collapsed li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}


/*-------------------------------------*/
.menu-collapser{



height:48px;
padding:0 8px;
font-size:16px;
line-height:48px;
}

.collapse-button{
position:absolute;
right:8px;
top:50%;
width:40px;
padding:7px 10px;
font-size:14px;
text-align:center;
border-radius:2px;
}

.collapse-button:hover,
.collapse-button:focus{}
.collapse-button .icon-bar{
height:2px;
width:18px;
margin:2px 0;
border-radius:1px}

.headerNavigation
{
 margin: 40px 0px 8px 0px;
}

.headerNavigation li.maximonline-anchor
{
  display: none;
}


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

.headerNavigation,
.stuck .headerNavigation
{
 margin: 40px auto 0px auto;
}

    .headerNavigation,
    .subNavigation
    {
      display: block;
      width : 1024px;
      margin :40px auto;
     float :none;
    }

.headerNavigation ul ,
.subNavigation ul
    {
      display: block;
      width : auto;
      margin :0 auto;
     float :none;
  text-align: center;
    }

#header .subNavigation ul li ul
{
transition : 0.5s all;
top :  0px;
opacity: 1;
}

#header.stuck .subNavigation ul li ul
{
position : relative;
top:  -140px;
opacity: 0;
}
.subNavigation ul li > a
    {
      display: none;
    }
.subNavigation.clicked ul li ul li > a
    {
      display: block;
    }
.headerNavigation > ul{}
.headerNavigation > ul li{}
.headerNavigation > ul:before,
.headerNavigation > ul:after{}
.headerNavigation > ul:after{}
.headerNavigation > ul.collapsed li{}
.headerNavigation > ul.collapsed li>ul{}
.headerNavigation > ul.collapsed li a{}
.headerNavigation > ul.collapsed li .sub-toggle{
height:34px
}

.headerNavigation > ul li{
float:none;
  border: none;
}

.headerNavigation > ul li ul,
.subNavigation > ul li ul{
margin:0;
  padding:0;
  width: 100%;

  display : none !important;
}

.headerNavigation > ul li ul li{
  width: 100%;
}
.headerNavigation > ul li ul li a{
font-size: 14px;
}
.headerNavigation > ul li ul li{}
.headerNavigation > ul li>ul{}
.headerNavigation > ul li>ul>li ul{}

.headerNavigation > ul li a,
.headerNavigation > ul li.has-submenu > a ,
.subNavigation ul li a
{
padding:8px 16px;
font-size:18px;
  color : #231f20;
  text-decoration: none;
  text-transform: lowercase;
}
.subNavigation ul li a:hover
{
font-weight: 500;
}
.subNavigation
{
opacity :0;
  z-index : 100;
}

.subNavigation.clicked.invisible
{
transition : 0.5s all;
opacity :0;
background: none;
z-index : -1;
}

.subNavigation.clicked
{
transition : 0.5s all;
opacity :1;
background: none;
}
.subNavigation ul li a
{
padding:8px 16px;
font-size:18px;
font-weight:300;
  color : #231f20;
  text-decoration: none;
  text-transform: lowercase;
}
.subNavigation ul li a:hover
{
font-weight: 500;
}
.subNavigation ul li ul
{
display : inline-block !important;
  width : auto;
}

.subNavigation ul li ul li ul
{
display : none !important;
}
#header{
  height: 127px;
}
.subNavigation {
  position : absolute;
  top: 0px;
}

/*
.subNavigation ul li:last-child
{
 display : none;
}
*/

a.addToCart {
    background: #ffd602 none repeat scroll 0 0;
    color: #3c3a3c;
}
.subNavigation ul li
{
display : inline-block;
}

.headerNavigation > ul li ul li a,
.headerNavigation > ul li.has-submenu ul li > a
{
padding:8px 10px;
font-size:14px;
font-weight:300;
}

.headerNavigation > ul li.has-submenu > a{
padding:8px 30px 8px 10px;
}

.headerNavigation > ul li a:hover {}

.headerNavigation > ul li .sub-toggle{
right:0;
top:0;
width:30px;
text-align:center;
}

.headerNavigation > ul li .sub-toggle:before{
margin-right:0em;
vertical-align:middle;
}

.headerNavigation > ul li .sub-toggle>i{
font-size:18px;
vertical-align:middle;
font-weight: bold;
font-size: 18px;
color: #696969;
transform: rotate(90deg);
}

.headerNavigation > ul>li{}
.headerNavigation > ul>li:first-child,
.headerNavigation > ul>li.has-submenu+li{}

.headerNavigation ul li ul{
  width: 100% !important;
}

.headerNavigation ul li ul li{
  width: 100% !important;
}

}


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


	.headerNavigation ul
	{
	margin: 42px 0px 0px 0px;
	}

	.headerNavigation ul li ul{
	width: 160px;
	}

	.headerNavigation ul li ul li{
	width: 160px;
	}

	.headerNavigation  .sub-toggle
	{
	display: none;
	}

	.headerNavigation > ul li a,
	.headerNavigation > ul li.has-submenu a
	{
	margin : 0;
	padding:8px 25px;
	}

}

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

#pageEditorContent
{
padding: 35px 0px;
}


/*-------------------------------------*/
#defaultContent
{
margin-top: 125px;
}

#defaultContent ul {
    list-style: outside;
    margin: 0 0 0 20px;
    text-align: left;
}

.privacy .centerContainerInner > ul, #tabPaymentOptions > ul {
    padding: 0 0 0 20px;
}

#siteMap li::before {
    border: medium none;
    content: " ";
    font-size: 20px;
    margin: 0 5px 0 -18px;
    position: relative;
    top: 3px;
}

#defaultContent li {
    padding: 0 0 10px;
}

#defaultContent .hoverContent .hoverContent ul{
  list-style: none;
  text-align: center;
}

.home #defaultContent
{
margin-top: 0;
}

.textCenter {
    clear: both;
}

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

.moduleComponentContainerfooterContactInformation
{
 padding: 40px;
}

/*-------------------------------------*/
#footer{
  overflow: hidden;
}
@media screen and (min-width:740px){
  #footer{
    overflow: visible;
  }
}

#footer  .moduleComponent:nth-child(even),
#footer  .moduleComponent:nth-child(odd)
{
  width: 100%;
  padding: 0px;
}



#footer  .moduleComponent:nth-child(even) .bannerHtmlContent,
#footer  .moduleComponent:nth-child(odd) .bannerHtmlContent
{
  width: 100%;
  padding: 0;
  margin: 0;
}

#footer .moduleComponentContainerfooterContactInformation
{
  float: left;
padding: 40px;
}

#footer #footerLogo #icon{
width: 94%;
max-width: 482px;
max-height: 52px;
height: 50px;
margin:10px 0 0 0;
background: url(https://www.artgallery.org.nz/images/style/logo_large.png) top left no-repeat;
background-size : 100% auto;
}

@media screen and (min-width:740px){
  #footer #footerLogo #icon{
  margin: 38px 6% 0 0;
  }
}

@media screen and (min-width:900px){
  #footer #footerLogo #icon{
    width: 350px;
    height: 50px;
    margin: 38px 40px 0 0;
  }
}

#footer .newsletterLink
{
  margin: 0px 40px 0 0;
 text-decoration: none;
}

#footer p
{
 margin: 0;
  font-size: 16px;
}

#footer #socialMediaIcons
{
  padding-left: 34px;
  min-height: 62px;
 background: url(https://www.artgallery.org.nz/images/style/footer_bg.png) -1000px top no-repeat;
}

#footer #socialMediaIcons ul{
  list-style: none;
}

#footer #socialMediaIcons ul li
{
float : left;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
   width: 35px !important;
  height: 35px !important;
  margin: 14px 5px;
  padding: 0;
  border-radius : 100%;
  background :#231f20 !important;
  color: #fff;
}
#footer #socialMediaIcons a
{
  line-height: 1;
  display : inline-block;
text-decoration: none;
}
#footer #socialMediaIcons a:before
{
 color: #fff;
transition : 0.5s all;
}

#footer #socialMediaIcons li:hover a:before
{
 color: #ffd600;
}
#footer #socialMediaIcons:before
{
 content: " ";
  position: absolute;
  display : block;
  top :0;
  right:100%;
  height: 62px;
  width : 2500px;
  background: rgb(255,214,2);
}

p#copyright {
  border-top: none;
  margin: 10px 0px;
  padding: 9px 20px;
  display:block;
  width: 97%;
  box-sizing: border-box;


}

#footer p#copyright span.floatRight
{
float: none !important;
}

#footer p#copyright a
{
display: inline;
  text-transform: none;
}

p#copyright,
p#copyright span,
p#copyright a
{
color: #b9b9b9;
text-align: left;
font-size: 12px !important;
}

@media screen and (min-width:740px) {

#footer p#copyright span.floatRight
{
float: right !important;
}

}

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


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

/* Document Library Styles */

.documentLibraryItem .title,
.documentLibraryItem .size,
.documentLibraryItem .icon,
.documentLibraryItem.heading,
.documentLibraryItem.heading .title,
.documentLibraryItem.heading .size,
.documentLibraryItem.heading .icon,
.documentLibraryItem .description
{
font-size: 15px;
}


}


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

.collapse-button {
    border-radius: 2px;
    font-size: 14px;
    padding: 7px 10px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 25px;
    width: 50px;
}


.collapse-button .icon-bar {
    border-radius: 1px;
    height: 2px;
    margin: 2px 0;
    width: 18px;
}
.collapse-button .icon-bar {
    background-color: #f5f5f5;
}
.collapse-button .icon-bar {
    background-color: #6d6968;
    border-radius: 1px;
    display: block;
    height: 3px;
    margin: 4px 0;
    width: 30px;
}
.collapse-button {
    background-color: #f7f7f7 !important;
    color: #ffffff;
}



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


/*-------------------------------*/
/*
.moduleComponent .centerContainerInner
{
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
}

.tileContainer .moduleComponent .centerContainerInner
{
-moz-box-shadow: inset 0 0 10px rgba(255,0,0,0.3);
-webkit-box-shadow: inset 0 0 10px rgba(255,0,0,0.3);
box-shadow: inset 0 0 10px rgba(255,0,0,0.3);
}
*/
.moduleComponentContainerhomepage .moduleComponent .hoverContent a
{
text-decoration : none;
  font-size: 18px;
  transition : 0.5s all;

}

.moduleComponentContainerhomepage .moduleComponent .bannerHtmlContent strong,
.moduleComponentContainersee .moduleComponent .bannerHtmlContent strong
{
text-decoration : none;
  font-size: 18px;
   font-weight: 600;
}
.moduleComponentContainerhomepage .moduleComponent .bannerHtmlContent,
.moduleComponentContainersee .moduleComponent .bannerHtmlContent,
[class*='moduleComponentContainer'] .moduleComponent .bannerHtmlContent
{
color: #000;
  font-weight: 300;
  text-shadow :none;
}
.moduleComponentContainerhomepage .moduleComponent .bannerHtmlContent
{
color: #fff;
}

.moduleComponentContainerhomepage .moduleComponent.hoverContent .bannerHtmlContent,
.moduleComponentContainersee .moduleComponent.hoverContent .bannerHtmlContent,
 [class*='moduleComponentContainer'] .moduleComponent.hoverContent .bannerHtmlContent
{
color: #fff;
}

#footer [class*='moduleComponentContainer'] .moduleComponent .bannerHtmlContent
{
color:#231f20;
  font-weight: 300;
  text-shadow :none;
}

.moduleComponentContainerhomepage .moduleComponent .hoverContent a:hover
{
  font-weight: 500;
text-decoration: none;
}

.moduleComponent .centerContainer,
.tileContainer .centerContainer,
.gridContainer .centerContainer{
  width: 96%;
  margin: 0 2%;
}
@media (max-width:767px){
	/*.moduleComponent .centerContainer,*/
	.tileContainer .centerContainer,
	.gridContainer .centerContainer{
		width: 100%;
		margin: 0px;
	}
}

.moduleComponent .centerContainer.fullWidthContainer,
.tileContainer .centerContainer.fullWidthContainer,
.gridContainer .centerContainer.fullWidthContainer{
  width: 100%;
  margin: 0;
}

.moduleComponent .centerContainerInner,
.tileContainer .centerContainerInner,
.gridContainer .centerContainerInner{
width: 100%;
margin: 0px 0% 0;
padding: 0;
position : relative;
  background-size: cover;
background-position: center;
}

.moduleComponent .bannerHtmlContent
{
    overflow : hidden;
}

.moduleComponent .hoverContent
{
position: absolute;
top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* border: 10px solid #ff0000; */
  background: #fff;
  opacity: 0;
  transition : 0.5s all;
  height: 100%;
}

.moduleComponent:hover .hoverContent
{
  opacity: 0.80;
}

.moduleComponent  .centerContainerInner.ratio1_1
{
 min-height: 50vh;
}

.moduleComponent  .centerContainerInner .bannerHtmlContent{
  position: relative;
  display: inline-block;
  top: 50%;
  bottom: auto !important;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.moduleComponent .centerContainerInner.imageInDiv .bannerHtmlContent,
.moduleComponent .centerContainerInner.noImage .bannerHtmlContent{
  display: block;
  top: auto;
  bottom: auto !important;
  width: 100%;
  -webkit-transform: none;
  transform: none;
}

.moduleComponent.hoverContent .centerContainerInner .bannerHtmlContent{
  text-align: center;
}

.moduleComponent  .centerContainerInner.ratio1_1 .bannerHtmlContent
{
position: absolute;
display: inline-block;
top: 50%;
  bottom: auto !important;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.moduleComponent.listing .centerContainerInner.ratio1_1 .bannerHtmlContent
{
position: absolute;
display: inline-block;
top: auto;
  bottom: 0 !important;
width: 90%;
  padding: 30px 5%;
  background: #fff;
text-align: center;
-webkit-transform: none;
transform: none;
}

.moduleComponent .bannerHtmlContent.columnLowest2
{
padding: 35px 0px;
}

.moduleComponent .bannerHtmlContent.columnLowest2 img
{
 width : 100% !important;
height: auto !important;
}

.moduleComponent .bannerHtmlContent.columnLowest2 img
{
 width : 100% !important;
height: auto !important;
}
.moduleComponent.textPanel .bannerHtmlContent
      {
        width: 90%;
       transform: none;
        padding: 30px 0px;
      margin: 0 5%;
      }

.moduleComponent:hover .hoverContent{
  opacity: 0.80;
}

.moduleComponent.hoverContent:hover .bannerHtmlContent{
  display: none;
}

.gridContainer .centerContainer{
  width:100%;
  margin: 0;
}

@media screen and (min-width:450px){
  .gridContainer .moduleComponent{
    width: 50%;
    float: left;
    position : relative;
  }

  .gridContainer .moduleComponent .centerContainerInner.ratio1_1{
    float : left;
    position: relative;
    width : 100%;
    min-height: auto !important;
    margin: 0px;
  }
}

@media screen and (min-width: 650px) {
.moduleComponent .centerContainerInner.rightImage
{
background-size: 45% auto;
background-position:  95% top;
background-repeat: no-repeat;
margin-bottom: 20px;
}

.moduleComponent .centerContainerInner .bannerHtmlContent.rightImage
{
top: auto;
width: 45%;
padding-right: 55%;
padding-left: 3%;
transform: none;
text-align: left;
}

.moduleComponent .centerContainerInner .bannerHtmlContent.leftImage{
top: auto;
width: 42%;
padding-left: 52%;
padding-right: 3%;
transform: none;
text-align: left;
}

.moduleComponent .centerContainerInner.leftImage,
.moduleComponent .centerContainerInner.rightImage
{
  margin-top:0px;
 background-size: 48% auto;
  background-repeat: no-repeat;
}

.moduleComponent .centerContainerInner.leftImage
{
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 20px;
}

.moduleComponent  .centerContainerInner.backgroundImage  .bannerHtmlContent{
position: relative;
display: inline-block;
top: 0%;
bottom: auto !important;
width: 98%;
padding: 20px 0px;
margin: 0px 0px 20px;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}

.moduleComponent .centerContainerInner.imageInDiv.rightImage,
.moduleComponent .centerContainerInner.imageInDiv.leftImage{
  margin-bottom: 30px;
  margin-top: 30px;
}

.moduleComponent .centerContainerInner.imageInDiv.leftImage .imageContainer{
  float: left;
  position: relative;
  width: 45%;
  display: block;
  margin: 0 5% 0 0;
}

.moduleComponent .centerContainerInner.imageInDiv.rightImage .imageContainer{
  float: right;
  position: relative;
  width: 45%;
  display: block;
  margin: 0 0 0 5%;
}

.moduleComponent .centerContainerInner.imageInDiv.rightImage .imageContainer img,
.moduleComponent .centerContainerInner.imageInDiv.leftImage .imageContainer img{
  width: 100%;
  height: auto;
}

.moduleComponent .centerContainerInner.imageInDiv .bannerHtmlContent.rightImage,
.moduleComponent .centerContainerInner.imageInDiv .bannerHtmlContent.leftImage{
  float: left;
  position: relative;
  width: 50%;
  display: block;
  padding: 0;
}



.gridContainer .moduleComponent{
  width: 33.3%;
}

.tileContainer
{

}


.tileContainer .moduleComponent:nth-child(even)
{
  float: left;
  position: relative;
  width: 50%;
  padding: 0 0% 0 50%;
}

.tileContainer .moduleComponent:nth-child(odd)
{
  float: left;
  position: relative;
  width: 50%;
  padding: 0 50% 0 0%;
}

.tileContainer .moduleComponent:nth-child(odd) .bannerHtmlContent
{
float: left;
width: 70%;
margin-left: 115%;
text-align: left;
}

.tileContainer .moduleComponent:nth-child(even) .bannerHtmlContent
{
float: left;
width: 70%;
margin-left: -85%;
text-align: left;
}

.tileContainer .moduleComponent.listing:nth-child(odd) .bannerHtmlContent
{
float: left;
width: 70%;
margin-left: 115%;
text-align: left;
}

.tileContainer .moduleComponent.listing:nth-child(even) .bannerHtmlContent{
float: left;
width: 70%;
margin-left: -85%;
text-align: left;
}

.tileContainer .moduleComponent.hoverContent,
.tileContainer .moduleComponent.hoverContent{
  margin:0;
  padding: 0;
  width :50%;
}

.tileContainer .moduleComponent.hoverContent.listingFullWidthHoverLanding{
  margin:0;
  padding: 0;
  width :100%;
}

.tileContainer .moduleComponent.hoverContent .bannerHtmlContent{
  margin:0;
  padding: 0 10%;
  width: 80%;
  text-align: center;
}

}

@media screen and (min-width: 1040px) {

/*
.moduleComponent .centerContainerInner
{
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
}


.tileContainer .moduleComponent .centerContainerInner
{
-moz-box-shadow: inset 0 0 10px rgba(255,0,0,0.3);
-webkit-box-shadow: inset 0 0 10px rgba(255,0,0,0.3);
box-shadow: inset 0 0 10px rgba(255,0,0,0.3);
}
*/


.moduleComponent .centerContainer,
.tileContainer .centerContainer{
width: 1000px;
margin: 0 auto;
}
.moduleComponent .centerContainerInner,
.tileContainer .centerContainerInner{
width: 1000px;
margin: 0px 0% 0;
padding: 0;
position : relative;
background-size: cover;
background-position: center;
}

.centerContainer.fullWidthContainer,
.centerContainerInner.fullWidthContainer {
width: 100%;
margin: 0 auto;
}

.moduleComponent .bannerHtmlContent
{
    overflow : hidden;
}

.moduleComponent .hoverContent
{
position: absolute;
top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* border: 10px solid #ff0000; */
  background: #fff;
  opacity: 0;
  transition : 0.5s all;
  height: 100%;
}

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

.moduleComponent:hover .hoverContent
{
  opacity: 0.80;
}

.moduleComponent.hoverContent:hover .bannerHtmlContent{
  display: none;
}

.gridContainer .moduleComponent:hover .hoverContent
{
  opacity: 1;
}
.trust .moduleComponent:hover .hoverContent, .friends-of-the-gallery .gridContainer .hoverContent:hover
{
  opacity: 1;
}

.centerContainerInner.noImage.backgroundImage.eventsFriendEvents {
    margin: 30px 0 15px;
}

.moduleComponent  .centerContainerInner.ratio1_1
{
 min-height: 50vh;
}

.moduleComponent  .centerContainerInner .bannerHtmlContent
{
  position: relative;
  display: inline-block;
  top: 50%;
  bottom: auto !important;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: inherit;
}

.moduleComponent  .centerContainerInner.backgroundImage  .bannerHtmlContent
{
position: relative;
  display: inline-block;
top: 0%;
  bottom: auto !important;
width: 98%;
  padding: 20px 0px;
  margin: 0px 0px 20px;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}

.moduleComponent  .centerContainerInner.noImage .bannerHtmlContent{
  width: 99%;
  padding: 20px 0;
  margin: 0;
}

.moduleComponent  .centerContainerInner.fullWidthContainer.noImage .bannerHtmlContent
{
position: relative;
display: block;
top: 0%;
bottom: auto !important;
width: 1000px;
margin: 0 auto;
padding: 35px 0px;
text-align: left;
-webkit-transform: none;
transform:  none;
color : #231f20;
}

.moduleComponent  .centerContainerInner.ratio1_1 .bannerHtmlContent
{
position: absolute;
display: inline-block;
top: 50%;
  bottom: auto !important;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}


.moduleComponent.listing .centerContainerInner.ratio1_1 .bannerHtmlContent
{
position: absolute;
display: inline-block;
top: 50% !important;
  bottom: auto !important;
  padding: 0% 5%;
  margin:0;
  background: none;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.moduleComponent  .centerContainerInner .bannerHtmlContent.columnLowest2
{
  float: left;
position: relative;
  display: block;
top: 0%;
  bottom: auto !important;
width: 100%;
text-align: center;
-webkit-transform: none;
transform: none;
  padding: 35px 0px;
}

.moduleComponent .bannerHtmlContent.columnLowest2{
padding: 35px 0px;
}

.moduleComponent .bannerHtmlContent.columnLowest2 img

{
 width : 100% !important;
height: auto !important;
}

.moduleComponent .middle
{
 width : 70%;
  padding: 0 15%;
}

.gridContainer .moduleComponent .centerContainerInner.ratio1_1
{
float : left;
  position: relative;
  width : 100%;
min-height: auto !important;
 margin: 35px 0px;
}
.gridContainer .centerContainer,
.gridContainer .centerContainerInner{
width: 1000px;
margin: 0 auto;
}

.gridContainer .moduleComponent{
width: 33.3%;
}

.gridContainer .moduleComponent.hoverContent .centerContainer,
.gridContainer .moduleComponent.hoverContent .centerContainerInner
{
width: 100%;
margin:0;
padding: 0;
}

.gridContainer .moduleComponent.hoverContent:nth-child(even) .bannerHtmlContent
{
float: left;
width: 100%;
margin-left: 0%;
text-align: center;
}

.gridContainer .moduleComponent.hoverContent:nth-child(odd) .bannerHtmlContent
{
float: left;
width: 100%;
margin-left: 0%;
text-align: center;
}

.moduleComponent .centerContainerInner .bannerHtmlContent.leftImage
{
top: auto;
width: 45%;
padding-left: 52%;
transform: none;
    text-align: left;
}

.moduleComponent .centerContainerInner .bannerHtmlContent.rightImage
{
  top: auto;
width: 48%;
padding-right: 55%;
transform: none;
  text-align: left;
}

.moduleComponent .centerContainerInner.leftImage,
.moduleComponent .centerContainerInner.rightImage
{
  margin-top:0px;
 background-size: 48% auto;
  background-repeat: no-repeat;
}

.moduleComponent .centerContainerInner.leftImage
{
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 20px;
}

.moduleComponent .centerContainerInner.rightImage
{
background-size: 45% auto;
background-position:  95% top;
background-repeat: no-repeat;
margin-bottom: 20px;
}

.tileContainer .centerContainer,
.tileContainer .centerContainerInner{
  width: 100%;
}

.moduleComponent .bannerHtmlContent.backgroundImage.columnLowest2
{
box-sizing: border-box;
padding: 50px 0px;
text-align : left;

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


}

@media screen and (min-width: 800px) {


}


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

#back-top {
	position: fixed;
	bottom: 15px;
right: 10px;
	margin-left: 0px;
z-index: 1000;
}
#back-top a {
	width: 50px;
	display: block;

	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 0 7px 0;
	background:  url(https://www.artgallery.org.nz/images/style/up-arrow.png) no-repeat center center;
	background-size : 100% auto;
  /* rounded corners */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: transparent;
}
.exhibitions .moduleListingWrapperExhibitionsModule .bannerHtmlContent p, .see .bannerHtmlContent p, .future-exhibitions .moduleListingWrapperExhibitionsModule .bannerHtmlContent p {
    display: none;
}


#back-page {
	position: fixed;
	bottom: 15px;
right: 70px;
	margin-left: 0px;
z-index: 1000;
}
#back-page a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-page a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-page span {
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 0 7px 0;
	background:  url(https://www.artgallery.org.nz/images/style/up-arrow.png) no-repeat center center;
	background-size : 100% auto;
  /* rounded corners */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
  -ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
transform: rotate(-90deg);
}
#back-page a:hover span {
	background-color: transparent;
}


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


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

#searchBar
{
  width: 0px;
  height: 50px;
  float: right;
  overflow: hidden;
  position : absolute;
  top: 45px;
  right: 0;
  transition: 0.5s all;
  background: #fff;
  margin: -10px 0px 0px 0px;
}

#searchBar.selected
{
   width: 80%;
  overflow: hidden;
  transition: 0.5s all;
  background: #fff;
  z-index: 1000;
}

#searchBar.selected:before
{
 content: " ";
float:  left;
display : inline-block;
  position: relative;
  top: 18px;
  right: 0px;
width: 25px !important;
height: 25px !important;
line-height:  1;
border-radius: 0%;
text-align: center;
text-decoration: none;
 background: url(https://www.artgallery.org.nz/images/style/search.png) center no-repeat;
background-size: 100% auto;
  margin: 0px 0px 0px 20px;
  padding: 0 !important;
box-shadow: none;
transition : 0.5s all;

}

#header.stuck #searchBar.selected
{
  width: 0px;
  overflow: hidden;
  transition: 0.5s all;
  background: #fff;
}

.siteSearchContainer
{
  margin: 5px 0px;
}

.siteSearchContainer .searchLabel
{
display: none;
}
.siteSearchContainer input.siteSearchInput
{
padding: 10px 6px;
  width : 55%;
  font-size: 18px;
  margin: 0px 20px;
  font-family: 'Raleway';
  border : none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  outline: none;
}
.siteSearchContainer .siteSearchSubmit
{
cursor: pointer;
  border: none;
  font-size: 18px;
  background: #fff;
  font-family: 'Raleway';
}



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

a.searchIcon
{
float:  right;
display : inline-block;
  position: relative;
  top: 5px;
  right: -5px;
width: 25px !important;
height: 25px !important;
line-height:  1;
border-radius: 0%;
text-align: center;
text-decoration: none;
 background: url(https://www.artgallery.org.nz/images/style/search.png) center no-repeat;
background-size: 100% auto;
  margin: 0px 0px 0px 20px;
  padding: 0 !important;
box-shadow: none;
transition : 0.5s all;
}

a.searchIcon:hover
{
 background-color: transparent !important;
}




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


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

a.scrollIcon
{
display: inline-block;
position: absolute;
bottom:40px;
left: 50%;
width: 40px;
height: 40px;
background: url(https://www.artgallery.org.nz/images/style/down_arrow.png) 0px 0px no-repeat;
text-align: center;
margin-left: -0px;
z-index: 1000;
transition: 0.5s all;
}

a.scrollIcon:hover
{
bottom:35px;
}

a.scrollIcon span
{
display: none;
}

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

#footerNavigation
{

}

#footerNavigation .centerContainer
{

}

#footerNavigation .centerContainerInner
{

}

#footerNavigation ul
{
  margin: 40px 0px 80px;
  text-align: center;
}

#footerNavigation ul li
{
  display: inline-block;
}

#footerNavigation ul li a
{
    display: inline-block;
  padding: 10px 18px;
 text-decoration: none;
}

#footerNavigation ul li a:hover
{

}

span.scrollIcon.black
{
top :auto;
bottom :20px;
margin: 0px 0px 0px -15px;
background-color: transparent !important;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://www.artgallery.org.nz/images/style/down_arrow_black.png);
display: inline-block;
position: absolute;
left: 50%;
width: 40px;
height: 40px;
text-align: center;
z-index: 1000;
transition: 0.5s all;
}


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

h1.contentPageTitle
{
  background: none;
  text-transform : lowercase;
  text-align : center;
  margin-top: 0px;
  font-weight : bold;
  font-size: 18px;
}

#defaultContent.centeredContent h1.contentPageTitle
{
  margin-top: 0px;
}
/*-------------------------------------*/

.venue-hire #emailForm .valueHorizontal{
  z-index: 999;
}

.venue-hire #emailForm .valueHorizontal input{
  background: transparent;
}

.venue-hire #emailForm .valueHorizontal input#mf_text_field132{
  padding-left: 54%;
  width: 42%;
}

#pageEmailSource, #emailForm {
    margin-bottom: 40px;
}

.venue-hire input.fdate{
  width: 66%;
}



/*-------------------------------------*/
/*------------- SHOP ------------------*/
/*-------------------------------------*/
@media screen and (min-width: 1040px) {
.shop .fullWidthContainer #pageSource
{
position: relative;
display: block;
top: 0%;
bottom: auto !important;
width: 1000px;
margin: 0 auto 20px;
padding: 35px 0px;
text-align: left;
-webkit-transform: none;
transform:  none;
color : #231f20;
}
}

#categoryListingItems,
#productListingItems{
  float: left;
  position: relative;
  width: 100%;
  display: block;
}

.shop .categoryListingItem,
.shop .productListingItem{
  float: left;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width:450px){
  .shop .categoryListingItem,
  .shop .productListingItem{
    width: 50%;
  }
}

.shop .categoryListingItem .centerContainer,
.shop .productListingItem .centerContainer{
  width: 100%;
}

.shop .categoryListingItem .centerContainer .centerContainerInner,
.shop .productListingItem .centerContainer .centerContainerInner{
  width: 100%;
  margin: 0;

}

.shop .categoryListingItem .centerContainer .centerContainerInner .hoverContent,
.shop .productListingItem .centerContainer .centerContainerInner .hoverContent{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  transition : 0.5s all;
  height: 100%;
}

.shop .categoryListingItem .centerContainerInner:hover .hoverContent,
.shop .productListingItem .centerContainerInner:hover .hoverContent{
  opacity: 0.85;
}

.clickToEnlarge{
  display: none;
}

#ajaxBusy{
  display: none;
}

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

.product-details .productPath{
  border-bottom: none !important;
}

.product-details .productPath .productPathInner{
  margin: 0 auto;
  width: 1000px;
}

.product-details .shoppingBasket{
  float: left;
  position: relative;
  width: 98%;
  padding: 0 1% 1%;
  background: #F7F7F7;
  border-bottom: 16px solid #FFFFFF;
  margin: -15px 0 15px 0;
}

.product-details .shoppingBasket #basket{
  width: 1000px;
  margin: 0 auto;
}

.product-details .shoppingBasket #basket a{
  color:#9F9F9F;
  text-decoration: none;
}

.product-details .shoppingBasket #basket a span{
  color:#000;
  text-decoration: underline;
}

.product-details .shoppingBasket #basket a:hover,
.product-details .shoppingBasket #basket a:hover span{
  font-weight: 300;
}

.product-details .shoppingBasket #basket a span#productCartComponentItems:hover,
.product-details .shoppingBasket #basket a span#productCartComponentValue:hover span{
  text-decoration: none !important;
  font-weight: 500 !important;
}

.product-details #productDetail{
  width: 1000px;
  margin: 0 auto;
}

.product-details #productDetail #left{
  width:44%;
}

.product-details #productDetail #right{
  width: 51%;
}

.product-details #productDetail #right .html5gallery{
  width: 100% !important;
  height: auto !important;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0{
  width: 100% !important;
  height: auto;
  position: relative;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-box-0{
  width: 100%;
  height: auto;
  top: auto;
  left: auto;
  position: relative;
  float: left;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-box-0:before{
  padding-top:100%;
  content: " ";
  display:block;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-box-0 .html5gallery-elem-0{
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-box-0 .html5gallery-elem-0 .html5gallery-elem-img-0{
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-box-0 .html5gallery-elem-0 .html5gallery-elem-img-0 .html5gallery-elem-image-0{
  width:100% !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%);
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0{
  float: left;
  position: relative;
  width: 100%;
  top: auto;
  left: auto;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0 .html5gallery-car-list-0{
  float: left;
  position: relative;
  width: 100%;
  top: auto;
  left: auto;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0 .html5gallery-car-list-0 .html5gallery-car-mask-0{
  float: left;
  position: relative;
  width: 100%;
  top: auto;
  left: auto;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0 .html5gallery-car-list-0 .html5gallery-car-mask-0 .html5gallery-thumbs-0{
  float: left;
  position: relative;
  width: 100%;
  margin: 0;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-box-0 .html5gallery-toolbox-0 .html5gallery-play-0{
  top: auto;
  bottom: 0;
  right: 48px;
  left: auto;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-box-0 .html5gallery-toolbox-0 .html5gallery-pause-0{
  top: auto;
  bottom: 0;
  right: 48px;
  left: auto;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-box-0 .html5gallery-toolbox-0 .html5gallery-left-0{
  top: 50%;
  transform: translateY(-50%);
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-box-0 .html5gallery-toolbox-0 .html5gallery-right-0{
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: 0;
}

.product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-box-0 .html5gallery-toolbox-0 .html5gallery-lightbox-0{
  top: auto;
  bottom: 0;
  right: 0;
  left: auto;
}

.product-details #productDetail #full{
  width: 100%;
  float: left;
  position: relative;
}

@media screen and (max-width: 1000px){
  .product-details .productPath .productPathInner,
  .product-details .shoppingBasket #basket{
    width: 100%;
  }

  .product-details #productDetail{
    width: 98.5%;
    padding: 0 0.5% 0 1%;
    float:right;
  }

  .product-details #productDetail #left{
    width: 100%;
  }

  .product-details #productDetail #right{
    width: 100%;
  }

  .product-details #productDetail #right .html5gallery{
    height: auto !important;
  }

  .product-details #productDetail #right .html5gallery .html5gallery-container-0{
    height: auto;
    position: relative;
  }

  .product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0{
    height: 90px;
  }

  .product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0 .html5gallery-car-list-0{
    height: 80px;
  }

  .product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0 .html5gallery-car-list-0 .html5gallery-car-mask-0{
    height: 80px;
  }

  .product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0 .html5gallery-car-list-0 .html5gallery-car-mask-0 .html5gallery-tn-0,
  .product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0 .html5gallery-car-list-0 .html5gallery-car-mask-0 .html5gallery-tn-selected-0{
    width: 80px;
    height: 80px;
  }

  .product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0 .html5gallery-car-list-0 .html5gallery-car-mask-0 .html5gallery-tn-img-0{
    width: 80px;
    height: 80px;
  }

  .product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0 .html5gallery-car-list-0 .html5gallery-car-mask-0 .html5gallery-tn-img-0 > div{
    width: 80px !important;
    height: 80px !important;
  }

  .product-details #productDetail #right .html5gallery .html5gallery-container-0 .html5gallery-car-0 .html5gallery-car-list-0 .html5gallery-car-mask-0 .html5gallery-tn-img-0 > div img{
    width: 100% !important;
  }
}

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

  DIV#productDetailCartStatusBox {
      margin: 0 -560px 0 0 !important;
  }

}

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

  DIV#productDetailCartStatusBox {
      margin: 0 -440px 0 0 !important;
  }

}

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

  DIV#productDetailCartStatusBox {
      margin: 0 -420px 0 0 !important;
  }

}

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

  DIV#productDetailCartStatusBox {
      margin: 0 -390px 0 0 !important;
  }

}

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

  DIV#productDetailCartStatusBox {
      margin: 0 -350px 0 0 !important;
  }

}

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

  DIV#productDetailCartStatusBox {
      margin: 0 -320px 0 0 !important;
  }

}

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

  DIV#productDetailCartStatusBox {
      margin: 0 -250px 0 0 !important;
  }

}


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

  DIV#productDetailCartStatusBox {
      margin: 0 -154px 0 0 !important;
  }

}

/*------------- Order -----------------*/

.order #productCartContainer{
  float: none;
  margin: 0 auto;
  width: 1000px;
}

#progressBar {
border-top:4px solid #9B9B9B;
float:left;
margin:-20px 0 25px;
position:relative;
width:100%;
}

#progressBar #step1 > span {
background:#FFF;
color:#231f20;
display:block;
float:left;
margin:0;
position:relative;
top:-12px;
}

#progressBar #step1 span,
#progressBar #step2 span,
#progressBar #step3 span,
#progressBar #step4 span {
background:#FFF;
color:#231f20;
display:block;
float:left;
padding:0 15px;
position:relative;
text-transform:uppercase;
top:-12px;
}

#progressBar #step1 span.number,
#progressBar #step2 span.number,
#progressBar #step3 span.number,
#progressBar #step4 span.number {
border:3px solid #9B9B9B;
border-radius:30px;
color:#231f20;
display:block;
font-weight:bold;
height:30px;
line-height:27px;
margin:0 10px 0 0;
padding:0;

text-align:center;
width:30px;
}

#progressBar #step1,
#progressBar #step2,
#progressBar #step3,
#progressBar #step4{
float:left;
position:relative;
width:25%;
}

#progressBar #step2 > span {
background:#FFF;
color:#231f20;
display:block;
float:left;
margin:0 0 0 15%;
padding:0 15px;
position:relative;
top:-12px;
}

#progressBar #step3 > span {
background:#FFF;
color:#231f20;
display:block;
float:left;
margin:0 0 0 30%;
padding:0 15px;
position:relative;
top:-12px;
}

#progressBar #step3 span a.checkoutButton {
background:none;
color:#231f20;
display:inline-block;
float:left;
font-weight:normal;
margin:0;
padding:0;
}

#progressBar #step4 > span {
background:#FFF;
color:#231f20;
display:block;
float:right;
margin:0;
padding:0 15px;
position:relative;
top:-12px;
}

table#cartItems{
border-collapse:collapse;
margin:10px 0 0;
padding:0;
width:100%;
}

table#cartItems th {
background:#f2f2f2;
color:#434343;
font-size:13px;
padding:10px;
}

table#cartItems td {
border-bottom:1px solid #ccc;
padding:10px;
vertical-align: top;
font-size: 14px;
}

table#cartItems td.itemAttributes,
table#cartItems td.itemPrice,
table#cartItems td.itemQuantity,
table#cartItems td.itemRemove,
#productCartContainer.step1 table#cartItems td.itemTotal,
#productCartContainer.step1 table#cartItems th,
#productCartContainer.step1 table#cartItems th:nth-child(7){
text-align:center;
}

table#cartItems td.itemImage,table#cartItems td.itemImage img {
width:70px;
}

table#cartItems td.itemName a {
-moz-transition:.5s;
-webkit-transition:.5s;
text-decoration:none;
transition:.5s;
}

table#cartItems td.itemName a:hover,#productCartContainer.step2 span#haveAccount span {
text-decoration:underline;
}

table#cartItems td.itemQuantity input.qinput {
border:1px solid #ccc;
border-radius:5px;
font-size:11px;
padding:3px 2px;
text-align:center;
width:30px;
}

table#cartItems td.itemRemove a {
-moz-transition:.5s;
-webkit-transition:.5s;
background:#231f20;
border-radius:10px;
color:#fff;
display:inline-block;
font-size:10px;
font-weight:bold;
height:20px;
line-height:20px;
text-decoration:none;
transition:.5s;
width:20px;
}

table#cartItems td.itemRemove a:hover {
background:#434343;
color:#fff;
}

#productCartContainer.step1 a.remove {
color:#3A383A;
display:block;
font-size:12px;
font-weight:bold;
padding:10px 0;
text-transform:uppercase;
}

#productCartContainer.step1 table#cartTotals {
background:none;
float:right;
margin:0;
position:relative;
width:50%;
}

#productCartContainer.step1 table#cartTotals #productCouponDiscountForm #couponDiscount,#progressBar #step4,span#discount {
float:right;
}

#productCartContainer.step1 table#cartTotals td {
padding:8px;
text-align:right;
width:54%;
}

#productCartContainer.step1 table#cartTotals th {
background:none;
font-size:14px;
padding:8px;
width:65%;
}

#productCartContainer.step1 td.itemImage img {
width:auto;
}

#productCartContainer.step1 tr.subtotalRow td,#productCartContainer.step1 tr.subtotalRow th,#productCartContainer.step1 tr.shippingRow td,#productCartContainer.step1 tr.shippingRow th,#productCartContainer.step2 table#cartTotals th,#productCartContainer.step2 table#cartTotals td {
border-bottom:1px solid #ccc;
}

#productCartContainer.step1 tr.subtotalRow th,
#productCartContainer.step1 tr.shippingRow th {
color:#3f3f3f;
font-weight:bold;
text-transform:uppercase;
}

table#cartTotals th{
  text-align: left;
}

table#cartTotals th .iframePopupLink{
  float: left;
  position: relative;
  width: 100%;
  font-size: 12px;
  margin: 0 0 5px 0;
}

#productCartContainer.step1 table#cartTotals th {
background:none;
font-size:14px;
padding:8px;
width:65%;
}

#productCartContainer.step1 tr.total th,#productCartContainer.step1 tr.total td {
color:#000 !important;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}

#productCartContainer.step1 td.itemImage img {
width:auto;
}

#productCartContainer.step1 #productCartForms {
background:none;
float:right;
margin:0 0 60px;
padding:0;
position:relative;
width:100%;
}

#productCartContainer.step1 a.checkoutButton.confirmButton {
background:#000;
background-size:19px;
border-radius:5px;
color:#fff;
display:block;
font-size:18px;
font-weight:normal;
padding:15px 14px 17px 50px;
text-decoration:none;
text-transform:uppercase;
float: right;
margin: 15px 0 0;
}

p.creditCardIcons {
background:url(https://www.artgallery.org.nz/images/style/credit_card_icons.png) bottom left no-repeat;
float:left;
font-size:11px;
margin:9px 40px 0 0;
padding:10px 0 26px;
position:relative;
text-transform:uppercase;
width:194px;
}

.product-details p.creditCardIcons {
background:url(https://www.artgallery.org.nz/images/style/credit_card_icons.png) bottom left no-repeat;
float:left;
font-size:11px;
margin:9px 40px 0 0;
padding:80px 0 26px;
position:relative;
text-transform:uppercase;
width:194px;
opacity: 0.8;
      }

#productCartContainer.step1 a.checkoutButton {
background:#9b9b9b;
background-size:14px;
border-radius:5px;
color:#fff;
display:block;
font-size:14px;
font-weight:normal;
padding:10px 14px 12px 35px;
text-decoration:none;
text-transform:uppercase;
float: left;
margin: 15px 0 0;
}

#productCartContainer h1.productPageTitle{
  margin: 30px 0px 10px 0px;
  font-size: 34px;
  line-height: 1.3;
  text-transform: none;
  text-align: center;
}

@media screen and (max-width: 1000px){
  .order #productCartContainer{
    width: 98.5%;
    padding: 0 0.5% 0 1%;
  }
}

@media screen and (max-width: 500px){
  .order #productCartContainer{
    width: 96.5%;
    padding: 0 0.5% 0 1%;
  }

  #productCartContainer.step1 table#cartTotals{
    width: 100%;
  }
}

/*------------ Step 2----------------*/

#productCartContainer.step2 #productCartDisplay {
float:left;
position:relative;
width:40%;
}

#productCartContainer.step2 #productCartForms{
  border-radius:0;
  float:right;
  margin: 10px 0 68px;
  position:relative;
  width:54%;
  background: #F2F2F2;
  padding: 2%;
}

#productCartContainer.step2 #productCartForms .fmtxt,
#productCartContainer.step2 #productCartForms .fstxt,
#productCartContainer.step2 #productCartForms .fsel,
#productCartContainer.step2 #productCartForms .fmtxt{
  float: left;
  font-size:13px;
  margin:2px 0;
  padding:3px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #9B9B9B;
}

#productCartContainer.step2 table#cartItems th{
  text-align: left;
  font-weight: bold;
}

#productCartContainer.step2 table#cartTotals {
font-size:12px;
margin:0;
padding:0;
width: 100%;
}

#productCartContainer.step2 table#cartTotals th{
  text-transform:uppercase;
  font-size: 16px;
  padding: 8px;
}

#productCartContainer.step2 table#cartTotals tr.total td {
  color: #231F20;
  font-size:18px;
  font-weight:bold;
  text-align:right;
  text-transform:uppercase;
}

#productCartContainer.step2 table#cartTotals tr td{
  text-align:right;
  padding: 4px;
  font-size: 12px;
}

#productCartContainer.step2 table#cartTotals tr.total th {
  color: #231F20;
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
}

#productCartContainer.step2 table#cartTotals tr.totalVat td {
  font-weight:bold;
  margin:0;
  padding:0 1%;
  text-align:right;
}

#productCartContainer.step2 table#cartTotals tr.totalVat th {
  color:#666;
  font-size:15px;
  font-weight:bold;
  margin:0;
  padding:0 2%;
  text-transform:capitalize;
}

#productCartContainer.step2 table#cartTotals tr.totalVat th,#productCartContainer.step2 table#cartTotals tr.totalVat td {
  border-bottom:none;
  margin:0;
  padding:0;
}

#productCartContainer.step2 td.itemImage,#productCartContainer.step2 td.itemImage img {
  width:70px;
}

#productCartContainer.step2 #productCartForms .formRow{
  float: left;
  position: relative;
  width: 100%;
}

#productCartContainer.step2 #productCartForms .formRow span{
  float: left;
  position: relative;
  width: 50%;
  font-size: 13px;
  line-height: 18px;
  margin: 8px 0 0 0;
}

#productCartContainer.step2 a.checkoutButton.changeOrderButton {
  color:#fff !important;
  display:block;
  float:left;
  font-weight:normal;
  font-size: 14px !important;
  background:#888888 !important;
  margin:18px 8px 8px 0;
  padding:7px 12px !important;
  text-decoration:none !important;
  text-transform:lowercase;
}

#productCartContainer.step2 a.checkoutButton.confirmButton {
  background:#000;
  background-size:19px;
  border-radius:3px;
  bottom:-68px;
  color:#fff;
  display:block;
  font-size:16px;
  font-weight:normal;
  padding:15px 14px 17px 50px;
  position:absolute;
  right:0;
  text-transform:uppercase;
  text-decoration: none;
}

#productCartContainer.step2 p.creditCardIcons {
  background:url(https://www.artgallery.org.nz/images/style/credit_card_icons.png) bottom left no-repeat;
  bottom:-68px;
  font-size:11px;
  left:0;
  margin:9px 17px 0 0;
  padding:10px 0 26px;
  position:absolute;
  text-transform:uppercase;
  width:194px;
}

#productPaymentMethodForm {
background:#fff;
border-radius:7px;
float:left;
margin:15px 0 0;
padding:2.5% 5%;
position:relative;
width:90%;
}

#productPaymentMethodForm .header {
background:#CCCCCC;
border-radius:7px;
color:#434343;
float:left;
font-size:14px;
margin:14px 0;
padding:1.5% 3%;
position:relative;
width:94%;
}

#productPaymentMethodForm .header p {
margin:0;
padding:0;
text-transform:capitalize;
}

#productPaymentMethodForm #paymentMethods td{
  padding: 10px 20px;
  font-size: 14px;
}

@media screen and (max-width: 1000px){
#productPaymentMethodForm #paymentMethods td{
  padding: 10px 0;
  width: 85%;
  float: left;
  position: relative;
  display: block;
}

#productPaymentMethodForm #paymentMethods td.input{
  width: 10%;
  padding: 10px 2.5%;
  text-align: center;
}

#productPaymentMethodForm #paymentMethods td.input input{
  margin: 0;
}
}

@media screen and (max-width: 500px){
  #productCartContainer.step2 #productCartForms .formRow span{
    width: 100%;
  }

  #productCartContainer.step2 #productCartDisplay{
    width: 100%;
  }

  #productCartContainer.step2 #productCartForms{
    width: 96%;
    margin: 10px 0 90px;
  }

  #productPaymentMethodForm{
    width: 95%;
    padding: 2.5%;
  }

  #productCartContainer.step2 p.creditCardIcons{
    width: 98%;
    margin: 0;
    left: 2%;
    bottom: -50px;
  }

  #productCartContainer.step2 a.checkoutButton.confirmButton{
    bottom: -100px;
    width: 96%;
    right: auto;
    padding: 14px 0;
    text-align: center;
    left: 2%;
  }

  .searchIcon{
    display: none !important;
  }

  #footer #socialMediaIcons{
    box-sizing: border-box;
  }

  #footer #footerLogo #icon{
    box-sizing: border-box;
    max-width: 100%;
    width: 90%;
    height: auto;
    margin: 5%;
  }
}

#topCategoryOutter ul{
  list-style: none;
}

/*-------------------------------------*/
/*------------- SHARE -----------------*/
/*-------------------------------------*/

#listingShareModule
{
 margin: 50px 0px 0px 0px;
}

#listingShareModule .listingItem{
  float: left;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom:none;
}

@media screen and (min-width:450px) {
  #listingShareModule .listingItem{
    width: 50%;
  }
}

@media screen and (min-width:650px) {
  #listingShareModule .listingItem{
    width: 33%;
  }
}

#listingShareModule .listingItem .centerContainer,
#listingShareModule .listingItem .centerContainer .centerContainerInner{
  float: left;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}

#listingShareModule .listingItem .centerContainer .centerContainerInner .bannerHtmlContent{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition : 0.5s all;
  height: 100%;
}

#listingShareModule .listingItem .centerContainer .centerContainerInner .bannerHtmlContent .socialMediaButton{
  float: none;
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  background: rgba(255,255,255,0.8);
  text-align: center;
  border-radius: 100%;
  line-height: 50px;
  font-size: 25px;
  margin: 0 auto;
  text-decoration: none;
}

#listingShareModule .listingItem .centerContainer .centerContainerInner .hoverContent{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  transition : 0.5s all;
  height: 100%;
}

#listingShareModule .listingItem .centerContainerInner:hover .hoverContent{
  opacity: 1;
}

#listingShareModule .listingItem .centerContainer .centerContainerInner .hoverContent h2.title{
  background: none;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: bold;
}

/*-------------------------------------*/
/*----------- News Module--------------*/
/*-------------------------------------*/

#blocks .contentBlock{
  float: left;
  position: relative;
  display: block;
  width: 100%;
}

#blocks .contentBlock .centerContainer,
#blocks .contentBlock .centerContainer .centerContainerInner{
  float: left;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}

#blocks .contentBlock .centerContainer .centerContainerInner .bannerHtmlContent{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition : 0.5s all;
  height: 100%;
}

#blocks .contentBlock .centerContainer .centerContainerInner .hoverContent{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  transition : 0.5s all;
  height: 100%;
}

#blocks .contentBlock .centerContainerInner:hover .hoverContent{
  opacity: 1;
}

#blocks .contentBlock .centerContainer .centerContainerInner .hoverContent h2.title{
  background: none;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: bold;
}

/*-------------------------------------*/
/*----------- Support Module-----------*/
/*-------------------------------------*/

.moduleCategoriesWrapperSupportersModule{
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

@media screen and (min-width:1000px) {
  .moduleCategoriesWrapperSupportersModule{
    width: 1000px;
  }
}

.moduleComponentContainersupporters .listingFullWidthLanding
{

}

.moduleItemCategoriesSupportersModule .centerContainer
{
  width: 1000px;
margin : 0 20px;
}

.moduleItemCategoriesSupportersModule .centerContainerInner
{
    width: 1000px;
}

#moduleItemCategories .categoryContainer
{
 margin-bottom: 55px;
}

.header p
{
  margin: 0 0 10px 0;
  text-transform: lowercase;
}

.listingSupportersModule div
{
 background-size: 90% auto !important;
  background-position : center;
  background-repeat: no-repeat;
}

/*-------------------------------------*/
/*----------- Custom Module------------*/
/*-------------------------------------*/

.moduleListingWrapper.customModule > .centerContainer{
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}

.moduleListingWrapper.customModule > .centerContainer > .centerContainerInner{
  width: 100%;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}

.moduleListingWrapper.customModule .moduleItemsListing{
  float: left;
  position: relative;
  width: 100%;
}

.moduleListingWrapper.customModule .moduleItemsListing .moduleComponent:nth-child(odd){
  float: left;
  position: relative;
  width: 50%;
  padding: 0 50% 0 0%;
}

.moduleListingWrapper.customModule .moduleItemsListing .moduleComponent:nth-child(even){
  float: left;
  position: relative;
  width: 50%;
  padding: 0 0 0 50%;
}

.moduleListingWrapper.customModule .moduleItemsListing .moduleComponent:nth-child(odd) .bannerHtmlContent {
  float: left;
  width: 70%;
  margin-left: 115%;
  text-align: left;

}

.moduleListingWrapper.customModule .moduleItemsListing .moduleComponent:nth-child(even) .bannerHtmlContent {
  float: left;
  width: 70%;
  margin-left: -85%;
  text-align: left;
}

/*-------------------------------------*/
/*---------- Custom Component ---------*/
/*-------------------------------------*/

#moduleComponentprogrammesModule{
    width: 1044px;
    margin: 0 auto;
    float: none;
    position: relative;
}

#moduleComponentprogrammesModule .componentItem{
    float: left;
    position: relative;
    width: 33%;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    opacity: 1;
    background: none;
}

#moduleComponentprogrammesModule .componentItem .centerContainer{
  width:100%;
}

#moduleComponentprogrammesModule .componentItem .centerContainer .centerContainerInner{
  width:100%;
  min-height: 0px;
}

#moduleComponentprogrammesModule .componentItem .centerContainer .centerContainerInner .bannerHtmlContent .title a{
  color:#FFF;
  text-decoration: none;
}

/*========= COLLECTIONS EXTRA FIELDS ================================*/

#moduleItemCollectionsModule h2
{
text-transform: none;
}

.extraFieldContainer
{
  overflow: hidden;
margin: 15px 0px 30px !important;
}

.extraFieldContainer .extraField
{
  margin :3px 0px;
}


/*=========== UPCOMING EVENTS ================*/

.moduleListingWrapperEventsModule.standardModule {

}

.moduleListingWrapperEventsModule.standardModule .centerContainer {

}

.moduleListingWrapperEventsModule.standardModule .centerContainerInner {

}

.moduleListingWrapperEventsModule.standardModule #navBar {

}

.moduleListingWrapperEventsModule.standardModule .navCategorySelect,
.moduleListingWrapperEventsModule.standardModule .navTagSelect,
.moduleListingWrapperEventsModule.standardModule #navDateSelect {
  float: left;
  position: relative;
  width: 33%;
  text-align: center;
  margin: 30px 0px;
}

.moduleListingWrapperEventsModule.standardModule .navCategorySelect select {

}

.moduleListingWrapperEventsModule.standardModule .navCategorySelect option {

}

.moduleListingWrapperEventsModule.standardModule .navTagSelect {

}

.moduleListingWrapperEventsModule.standardModule select {
 padding: 8px 12px;
text-transform: lowercase;
  border: 2px solid #eceae8;
}

.moduleListingWrapperEventsModule.standardModule option {

}

.moduleListingWrapperEventsModule.standardModule #navDateSelect {

}

.moduleListingWrapperEventsModule.standardModule table {
  margin: 0 auto;
}

.moduleListingWrapperEventsModule.standardModule td {

}

.moduleListingWrapperEventsModule.standardModule select {

}

.moduleListingWrapperEventsModule.standardModule option {

}

.moduleListingWrapperEventsModule.standardModule a {

}


#listingEventsModule.moduleItemsListing.standardModule  {

}

#listingEventsModule.moduleItemsListing.standardModule .listingItem {
  background: #f4f6f6;
  border: 10px solid #fff;
  box-sizing: border-box;
  min-height: 272px;
  transition : 0.4s all;
  overflow: hidden;
}

#listingEventsModule.moduleItemsListing.standardModule .listingItem:hover {
  background: #ffffff;
}

#listingEventsModule.moduleItemsListing.standardModule .ratioInner {

}

#listingEventsModule.moduleItemsListing.standardModule .listingItem h2.title {
  font-size: 18px;
}

#listingEventsModule.moduleItemsListing.standardModule .listingItem p.date {

}

#listingEventsModule.moduleItemsListing.standardModule .listingItem p {
 font-size: 13px;
}

div.bookingsClose {
  background: #ffd602 none repeat scroll 0 0;
  bottom: 10px;
  box-sizing: border-box;
  float: left;
  padding: 5px;
  position: absolute;
  text-align: center;
  width: 82%;
}

.events #topCategoryOutter{
  float: left;
  position: relative;
  width: 98%;
  border:1px solid #8B8A8B;
  margin: 1%;
}

/*=========== PAST EVENTS ================*/

.past-events .moduleItemImage {
    float: right;
    margin-left: 30px;
    max-width: 35%;
}

.past-events .date {
    margin: 0 0 40px;
}

@media (max-width: 1024px){

  .past-events .centerContainer {
      width: 95%;
  }

}



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

.archiveListing #topCategoryOutter{
  margin: 20px 0 50px 0;
  float: left;
  position: relative;
  width: 100%;
}

#archiveListing.moduleItemsListing.standardModule .listingItem h2.title {
  font-size: 18px;
}

#archiveListing.moduleItemsListing.standardModule .listingItem p {
 font-size: 13px;
}

#archiveListing .listingItem{
  float: left;
  position: relative;
  width: 33.3%;
  padding: 0;
  margin: 0;
  border-bottom:none;
}

#archiveListing .listingItem .centerContainer,
#archiveListing .listingItem .centerContainer .centerContainerInner{
  float: left;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}

#archiveListing .listingItem .centerContainer .centerContainerInner .bannerHtmlContent{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition : 0.5s all;
  height: 100%;
}

#archiveListing .listingItem .centerContainer .centerContainerInner .hoverContent{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  transition : 0.5s all;
  height: 100%;
}

#archiveListing .listingItem .centerContainer .centerContainerInner .hoverContent .middle{
  padding: 0 2%;
  box-sizing: border-box;
}

#archiveListing .listingItem .centerContainerInner:hover .hoverContent{
  opacity: 1;
}

#archiveListing .listingItem .centerContainer .centerContainerInner .hoverContent h2.title{
  background: none;
  text-transform: none;
  font-size: 18px;
  font-weight: bold;
  line-height: 120%;
}

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

.archiveListing .navDateLinks .navheaders{
  float: left;
  position: relative;
  width: 15%;
}

.archiveListing .navDateLinks ul{
  float: left;
  position: relative;
  width: 85%;
  margin: 0 !important;
}

.archiveListing .navDateLinks ul li{
  float: left;
  position: relative;
  width: 100px;
  text-align: center;
}

.archiveListing .navDateLinks ul li a{
  text-decoration: none;
}

.archiveListing .navDateLinks ul li a:hover,
.archiveListing .navDateLinks ul li a.selected{
  font-weight: 600;
}

.archiveListing #nameSelector{
  float: left;
  position: relative;
  width: 100%;
  margin:  0 0 10px 0;
}

.collection .archiveListing #nameSelector,
.collection   #navBar{
display: block;
}

.collection #navBar {
    display: none;
}

.archiveListing .nameSelectorSpan{
  float: left;
  position: relative;
  width: 28%;
}

.archiveListing #nameSelector #nameSelectorList{
  float: left;
  position: relative;
  width: 72%;
}

.archiveListing #nameSelector #nameSelectorList a{
  float: left;
  position: relative;
  width: 3.6%;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.archiveListing #nameSelector #nameSelectorList a:first-child{
width: 5%;
}

.archiveListing .moduleSearchContainer{
  width: 72%;
  float: right;
  position: relative;
  margin: 3px 0 0 0;
}

.archiveListing .moduleSearchContainer .searchLabel{
  display: none;
}

.archiveListing .moduleSearchContainer #module_search_form{
  float: left;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #000000;
}

.archiveListing .moduleSearchContainer #module_search_form .moduleSearchInput{
float: left;
position: relative;
width: 95%;
border:none;
font-family: 'Raleway';
font-size: 14px;
}


.archiveListing .moduleSearchContainer #module_search_form .moduleSearchSubmit{
  float: right;
  position: relative;
  width: 5%;
  text-align: center;
  border:none;
  background: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  height: 16px;
  line-height: 16px;
}

.archiveListing .moduleSearchContainer #module_search_form .moduleSearchSubmit:hover{
  cursor: pointer;
}

.archiveListing #nameSelector a:hover,
.archiveListing #nameSelector a.selected{
  font-weight: 600;
}

.archiveListing .moduleSearchContainer #module_search_form .moduleSearchSubmit.imageAsButton{
  background: url("https://www.artgallery.org.nz/js/jquery.liquidslider/images/arrow.png");
  height: 25px;
  max-width: 25px;
  position: absolute;
  top: -8px;
  right: 0;
  background-position: top right;
}

.archiveListing .moduleSearchContainer #module_search_form .moduleSearchSubmit.imageAsButton:hover{
  background-position: bottom right;
}

/*-------------------------------------*/
/*----------- Contact Page ------------*/
/*-------------------------------------*/

.contact #emailForm .valueHorizontal{
  z-index: 999;
}

.contact #emailForm .valueHorizontal input{
  background: transparent;
}

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

.moduleComponentContainercontactImages .moduleComponentcontactImages{
  float: left;
  position: relative;
  width: 50%;
  height: 100vh;
  background-position: top center;
  background-size: cover;
}

.moduleComponentContainercontactImages .moduleComponentcontactImages .bannerTitle{
  display: none;
}

/*-------------------------------------*/
/*--------- Magazine Page -------------*/
/*-------------------------------------*/

.magazine .moduleComponentmagazineMasthead {
    border-bottom: 6px solid #000;
    margin: 0 0 10px;
}


.moduleListingWrapper.customModule #listingMagazineModule .moduleComponent:nth-child(odd),
.moduleListingWrapper.customModule #listingMagazineModule .moduleComponent:nth-child(even){
  float: left;
  position: relative;
  width: 100%;
  padding:0;
}

.moduleListingWrapper.customModule #listingMagazineModule .moduleComponent .centerContainerInner.imageInDiv{
  float:left;
  position:relative;
}

.moduleListingWrapper.customModule #listingMagazineModule .moduleComponent.hoverContent:hover .bannerHtmlContent{
  display: block !important;
}

.moduleListingWrapper.customModule #listingMagazineModule .moduleComponent:nth-child(even) .imageContainer,
.moduleListingWrapper.customModule #listingMagazineModule .moduleComponent:nth-child(odd) .bannerHtmlContent,
.moduleListingWrapper.customModule #listingMagazineModule .moduleComponent:nth-child(odd) .imageContainer,
.moduleListingWrapper.customModule #listingMagazineModule .moduleComponent:nth-child(even) .bannerHtmlContent{
  float: left;
  position: relative;
  width: 100%;
  padding:0;
  margin: 0;
}

.moduleListingWrapper.customModule #listingMagazineModule .moduleComponent.hoverContent .middle {
  width: 90%;
  padding:0 5%;
  top: auto;
  -webkit-transform:none;
  transform: none;
}

@media screen and (min-width:650px){
  .moduleListingWrapper.customModule #listingMagazineModule .moduleComponent .centerContainerInner.imageInDiv .bannerHtmlContent:before{
    content: " ";
    display:block;
    padding-top: 100%;
  }

  .moduleListingWrapper.customModule #listingMagazineModule .moduleComponent .centerContainerInner.imageInDiv .bannerHtmlContent .middleOutter{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
  }

  .moduleListingWrapper.customModule #listingMagazineModule .moduleComponent:nth-child(even) .imageContainer,
  .moduleListingWrapper.customModule #listingMagazineModule .moduleComponent:nth-child(odd) .bannerHtmlContent{
    float: right;
    width: 50%;
  }

  .moduleListingWrapper.customModule #listingMagazineModule .moduleComponent:nth-child(odd) .imageContainer,
  .moduleListingWrapper.customModule #listingMagazineModule .moduleComponent:nth-child(even) .bannerHtmlContent{
    float: left;
    width: 50%;
  }

  .moduleListingWrapper.customModule #listingMagazineModule .moduleComponent.hoverContent .middle{
    position: relative;
    display: inline-block;
    top: 50%;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media screen and (min-width:1040px){
  .moduleListingWrapper.customModule #listingMagazineModule .moduleComponent.hoverContent .middle{
    width: 90%;
    padding:0 15%;
  }
}

/*-------------------------------------*/
/*--------- Newsletter Page -----------*/
/*-------------------------------------*/

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

#subscribeForm div{
  display: block;
  float: left;
  position: relative;
}

#subscribeForm div.formRow
{
padding: 5px 1%;
width: 98%;
min-height: 0px;
}

#subscribeForm .formHeaderText
{
float: right;
position: relative;
width: 47%;
}

#subscribeForm #formTable
{
   float: left;
position: relative;
width: 47%;
}

#subscribeForm .valueHorizontal{
  z-index: 999;
  position: relative;
}

#subscribeForm .valueHorizontal input{
  background: transparent;
}


/*-------------------------------------*/
/*------------ Date Picker ------------*/
/*-------------------------------------*/

#ui-datepicker-div{
  background: #FFFFFF;
  border:1px solid #000000;
  display: none;
}

.ui-datepicker .ui-datepicker-header{
  float: left;
  position: relative;
  width: 100%;
}

.ui-datepicker .ui-datepicker-prev{
  width: 2em;
  height: 21px;
}

.ui-datepicker .ui-datepicker-next{
  width: 2em;
  height: 21px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
  font-size: 12px;
  line-height: 22px;
  float: left;
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  margin: 0;
  width: 15px;
}

/*-------------------------------------*/
/*------------ Image Credit -----------*/
/*-------------------------------------*/
.moduleComponent .centerContainerInner.imageInDiv.backgroundImage .imageCredit,
.moduleComponent .centerContainerInner.imageInDiv.leftImage .imageCredit,
.moduleComponent .centerContainerInner.imageInDiv.rightImage .imageCredit{
  position: relative;
  margin-top: 5px;
  width: 100%;
  text-align: center;
  font-style: italic;
  font-size: 14px;
}
@media (max-width:767px){
	.moduleComponent .centerContainerInner.imageInDiv.backgroundImage .imageCredit,
	.moduleComponent .centerContainerInner.imageInDiv.leftImage .imageCredit,
	.moduleComponent .centerContainerInner.imageInDiv.rightImage .imageCredit{
		margin: 5px 0px 20px 0px;
	}
}

@media screen and (min-width:650px){
  .moduleComponent .centerContainerInner.imageInDiv.backgroundImage .imageCredit,
  .moduleComponent .centerContainerInner.imageInDiv.leftImage .imageCredit,
  .moduleComponent .centerContainerInner.imageInDiv.rightImage .imageCredit{
    margin-top: 15px;
  }
}

.listingFullWidthLanding .centerContainerInner.hasImageCredit{

}

.listingFullWidthLanding .centerContainerInner.hasImageCredit .imageCredit{
  position: absolute;
  width: 100%;
  text-align: center;
  font-style: italic;
  font-size: 14px;
  bottom: 0;
}

/*-------------------------------------*/
/*------------ Slide Effect -----------*/
/*-------------------------------------*/
.moduleComponentContainerhomepage > div{
  float: left;
  position: relative;
  width: 100%;
}

.slider300,
.slider275,
.slider250,
.slider225,
.slider200,
.slider175,
.slider150,
.slider125,
.slider100,
.slider75,
.slider50,
.slider25,
.slider{
  opacity: 0;
  transition: all 2s ease;
  float: left;
  position: relative;
  width: 100%;
  display: block;
}

.slider .centerContainerInner{
  border-top:250px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider25,
.slider25 .centerContainerInner{
  border-top:25px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider50,
.slider50 .centerContainerInner{
  border-top:50px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider75,
.slider75 .centerContainerInner{
  border-top:75px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider100,
.slider100 .centerContainerInner{
  border-top:100px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider125,
.slider125 .centerContainerInner{
  border-top:125px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider150,
.slider150 .centerContainerInner{
  border-top:150px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider175,
.slider175 .centerContainerInner{
  border-top:175px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider200,
.slider200 .centerContainerInner{
  border-top:200px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider225,
.slider225 .centerContainerInner{
  border-top:225px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider250,
.slider250 .centerContainerInner{
  border-top:250px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider275,
.slider275 .centerContainerInner{
  border-top:275px solid #FFFFFF;
  transition: all 1.5s ease;
}

.bannerHtmlContent.slider300,
.slider300 .centerContainerInner{
  border-top:300px solid #FFFFFF;
  transition: all 1.5s ease;
}

.sliderIn{
  opacity: 1;
}

.sliderIn .centerContainerInner{
  border-top:0px solid #FFFFFF;
  transition: all 1.5s ease;
}

.sliderIn .bannerHtmlContent.slider25,
.sliderIn .bannerHtmlContent.slider50,
.sliderIn .bannerHtmlContent.slider75,
.sliderIn .bannerHtmlContent.slider100,
.sliderIn .bannerHtmlContent.slider125,
.sliderIn .bannerHtmlContent.slider150,
.sliderIn .bannerHtmlContent.slider175,
.sliderIn .bannerHtmlContent.slider200,
.sliderIn .bannerHtmlContent.slider225,
.sliderIn .bannerHtmlContent.slider250,
.sliderIn .bannerHtmlContent.slider275,
.sliderIn .bannerHtmlContent.slider300{
  opacity: 1;
  border-top:0px solid #FFFFFF;
  transition: all 1.5s ease;
}



/*******************************************/
/************ Strategy Circle **************/
/*******************************************/



#pieContent{
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

#pieContent .moduleComponentstrategyCircle{
  float: left;
  position: relative;
  width: 100%;
  padding:1%;
  height: 120px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: 'Raleway';
  margin: 20px 0 0;
}

@media screen and (min-width:450px){
  #pieContent .moduleComponentstrategyCircle{
    width: 50%;
  }
  #subscribeForm{
    width: 90% !important;
  }
}

@media screen and (min-width:650px){
  #pieContent .moduleComponentstrategyCircle{
    width: 33.3%;
  }
  #subscribeForm{
    width: 90% !important;
  }
}

#pieContent .moduleComponentstrategyCircle span{
  font-size: 23px;
  font-family: 'Raleway';
  font-weight: 600;
}

#pieContent .moduleComponentstrategyCircle p{
  font-size: 16px;
  font-family: 'Raleway';
  font-weight: 100;
}

#strategyCircleOutter{
  float: none;
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (min-width:800px){
  #strategyCircleOutter{
    width: 792px;
  }
}

#strategyCircleOutter:before{
  content: " ";
  display:block;
  padding-top:100%;
}


#strategyCircle{
  background:url(https://www.artgallery.org.nz/images/templates/strategyCircle/strategy-circle.png);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

#strategyCircle a{
  display: none !important;
}

#strategyCircle.diversehover{
  background-position: 0 -1197px;
}

#strategyCircle.sustainablehover{
  background-position: 0 -2398px;
}

#strategyCircle.vitalhover{
  background-position: -0.4px -3597px;
}

#strategyCircle.iconichover{
  background-position: 0 -4793px;
}

#strategyCircle.leadershover{
  background-position: 0 -5989px;
}

#strategyCircle.innovativehover{
  background-position: 0 -7191px;
}

#strategyCircle #innerCircleContent span.title{
  font-size: 30px;
  font-family: 'Raleway';
  font-weight: 600;
}

.moduleComponentstrategyCircle > p {
    font-size: 25px;
}

#strategyCircle .diverse1{
    position: absolute;
    height: 162px;
    top: 16px;
    width: 50px;
    left: 600px;
}

#strategyCircle .diverse2{
    position: absolute;

    height: 162px;
    top: 22px;
    width: 78px;
    left: 641px;
    transform: rotate(8deg);
}

#strategyCircle .diverse3{
    position: absolute;

    height: 162px;
    top: 39px;
    width: 92px;
    left: 709px;
    transform: rotate(16deg);
}

#strategyCircle .diverse4{
    position: absolute;

    height: 162px;
    top: 83px;
    width: 130px;
    left: 782px;
    transform: rotate(30deg);
}

#strategyCircle .diverse5{
    position: absolute;

    height: 162px;
    top: 166px;
    width: 170px;
    left: 867px;
    transform: rotate(45deg);
}

#strategyCircle .diverse6{
    position: absolute;

    height: 162px;
    top: 292px;
    width: 170px;
    left: 959px;
    transform: rotate(63deg);
}

#strategyCircle .diverse7{
    position: absolute;

    height: 162px;
    top: 430px;
    width: 170px;
    left: 1003px;
    transform: rotate(81deg);
}

#strategyCircle .diverse8{
    position: absolute;

    height: 162px;
    top: 576px;
    width: 170px;
    left: 1009px;
    transform: rotate(100deg);
}

#strategyCircle .diverse9{
    position: absolute;

    height: 162px;
    top: 698px;
    width: 151px;
    left: 994px;
    transform: rotate(115deg);
}

#strategyCircle .vital1{
    position: absolute;

    height: 162px;
    top: 18px;
    width: 119px;
    left: 478px;
    transform: rotate(0);
}

#strategyCircle .vital2{
    position: absolute;

    height: 162px;
    top: 35px;
    width: 119px;
    left: 396px;
    transform: rotate(-12deg);
}

#strategyCircle .vital3{
    position: absolute;

    height: 162px;
    top: 71px;
    width: 119px;
    left: 308px;
    transform: rotate(-28deg);
}

#strategyCircle .vital4{
    position: absolute;

    height: 162px;
    top: 131px;
    width: 119px;
    left: 218px;
    transform: rotate(-39deg);
}

#strategyCircle .vital5{
    position: absolute;

    height: 162px;
    top: 207px;
    width: 119px;
    left: 145px;
    transform: rotate(-51deg);
}

#strategyCircle .vital6{
    position: absolute;

    height: 162px;
    top: 296px;
    width: 119px;
    left: 87px;
    transform: rotate(-63deg);
}

#strategyCircle .vital7{
    position: absolute;

    height: 162px;
    top: 394px;
    width: 119px;
    left: 52px;
    transform: rotate(-79deg);
}

#strategyCircle .vital8{
    position: absolute;

    height: 162px;
    top: 502px;
    width: 119px;
    left: 38px;
    transform: rotate(-92deg);
}

#strategyCircle .vital9{
    position: absolute;

    height: 162px;
    top: 608px;
    width: 119px;
    left: 46px;
    transform: rotate(-103deg);
}

#strategyCircle .vital10{
    position: absolute;

    height: 162px;
    top: 717px;
    width: 119px;
    left: 75px;
    transform: rotate(-118deg);
}

#strategyCircle .sustainable1{
    position: absolute;

    height: 162px;
    top: 823px;
    width: 119px;
    left: 138px;
    transform: rotate(58deg);
}

#strategyCircle .sustainable2{
    position: absolute;

    height: 162px;
    top: 904px;
    width: 119px;
    left: 214px;
    transform: rotate(44deg);
}

#strategyCircle .sustainable3{
    position: absolute;

    height: 162px;
    top: 961px;
    width: 119px;
    left: 300px;
    transform: rotate(26deg);
}

#strategyCircle .sustainable4{
    position: absolute;

    height: 162px;
    top: 1000px;
    width: 119px;
    left: 404px;
    transform: rotate(14deg);
}

#strategyCircle .sustainable5{
    position: absolute;

    height: 162px;
    top: 1019px;
    width: 119px;
    left: 516px;
    transform: rotate(2deg);
}

#strategyCircle .sustainable6{
    position: absolute;

    height: 162px;
    top: 1011px;
    width: 119px;
    left: 627px;
    transform: rotate(-11deg);
}

#strategyCircle .sustainable7{
    position: absolute;

    height: 162px;
    top: 978px;
    width: 119px;
    left: 739px;
    transform: rotate(-20deg);
}

#strategyCircle .sustainable8{
    position: absolute;

    height: 162px;
    top: 923px;
    width: 119px;
    left: 836px;
    transform: rotate(-34deg);
}

#strategyCircle .sustainable9{
    position: absolute;

    height: 162px;
    top: 841px;
    width: 158px;
    left: 902px;
    transform: rotate(-53deg);
}

#strategyCircle .iconic1{
    position: absolute;

    height: 162px;
    top: 293px;
    width: 131px;
    left: 279px;
    transform: rotate(-56deg);
}

#strategyCircle .iconic2{
    position: absolute;

    height: 162px;
    top: 246px;
    width: 131px;
    left: 335px;
    transform: rotate(-42deg);
}

#strategyCircle .iconic3{
    position: absolute;

    height: 162px;
    top: 199px;
    width: 131px;
    left: 424px;
    transform: rotate(-23deg);
}

#strategyCircle .iconic4{
    position: absolute;

    height: 162px;
    top: 183px;
    width: 131px;
    left: 521px;
    transform: rotate(-6deg);
}

#strategyCircle .iconic5{
    position: absolute;

    height: 162px;
    top: 193px;
    width: 131px;
    left: 622px;
    transform: rotate(9deg);
}

#strategyCircle .iconic6{
    position: absolute;

    height: 162px;
    top: 226px;
    width: 131px;
    left: 697px;
    transform: rotate(32deg);
}

#strategyCircle .iconic7{
    position: absolute;

    height: 162px;
    top: 293px;
    width: 131px;
    left: 786px;
    transform: rotate(55deg);
}

#strategyCircle .leaders1{
    position: absolute;

    height: 162px;
    top: 411px;
    width: 131px;
    left: 855px;
    transform: rotate(61deg);
}

#strategyCircle .leaders2{
    position: absolute;

    height: 162px;
    top: 518px;
    width: 131px;
    left: 869px;
    transform: rotate(88deg);
}

#strategyCircle .leaders3{
    position: absolute;

    height: 162px;
    top: 628px;
    width: 131px;
    left: 850px;
    transform: rotate(106deg);
}

#strategyCircle .leaders4{
    position: absolute;

    height: 162px;
    top: 729px;
    width: 131px;
    left: 795px;
    transform: rotate(122deg);
}

#strategyCircle .leaders5{
    position: absolute;

    height: 162px;
    top: 800px;
    width: 131px;
    left: 719px;
    transform: rotate(142deg);
}

#strategyCircle .leaders6{
    position: absolute;

    height: 162px;
    top: 846px;
    width: 159px;
    left: 601px;
    transform: rotate(0);
}

#strategyCircle .innovative1{
    position: absolute;

    height: 162px;
    top: 846px;
    width: 159px;
    left: 441px;
    transform: rotate(0);
}

#strategyCircle .innovative2{
    position: absolute;

    height: 162px;
    top: 791px;
    width: 159px;
    left: 321px;
    transform: rotate(27deg);
}

#strategyCircle .innovative3{
    position: absolute;

    height: 162px;
    top: 695px;
    width: 159px;
    left: 231px;
    transform: rotate(53deg);
}

#strategyCircle .innovative4{
    position: absolute;

    height: 162px;
    top: 577px;
    width: 159px;
    left: 189px;
    transform: rotate(78deg);
}

#strategyCircle .innovative5{
    position: absolute;

    height: 162px;
    top: 453px;
    width: 159px;
    left: 189px;
    transform: rotate(95deg);
}

#strategyCircle .innovative6{
    position: absolute;

    height: 162px;
    top: 420px;
    width: 159px;
    left: 189px;
    transform: rotate(117deg);
}



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

.field169Container.formRow
{

}

.field169Container.formRow span.labelHorizontal
{
display: none;
}

.field169Container.formRow span.valueHorizontal
{
float: left;
position: relative;
width: 100% !important;
}
#productCartContainer.step2 #productCartForms .field169Container.formRow span
{
float: left;
position: relative;
width: 73% !important;
}

#productCartContainer.step2 #productCartForms .field169Container.formRow span .required {
    display: inline-block;
    width: 10% !important;
}

.field169Container.formRow input#mf_checkbox_field169.fchk
{
float: left;
position: relative;
margin: 0px 10px 0px 0px;
bottom: -12px;
}

.field171Container.formRow .heading
{
  width: 100% !important;
}

.field171Container.formRow p
{
font-size: 13px;
    line-height: 18px;
}

.field169Container.formRow span
{

}

/* ************ EDITING FORM FIELS ************ */

#emailForm div span.required {
  color: red !important;
  top: 0;
}

.labelVertical span.required {
    position: absolute !important;
    right: -9px !important;
}

#emailForm .fgroup, #subscribeForm .fgroup, #surveyTable .fgroup, #alertForm .fgroup, #registrationForm .fgroup {
    margin: 0px;
}

#emailForm div.formRow {
    padding: 10px 1%;
}

.fgroup label {
    font-size: 15px;
    margin-left: 10px;
}

.field169Container.formRow span.required {

}

.noMoveLabel .labelHorizontal{
    top: auto !important;
    left: auto !important;
    float: left !important;
    position: relative !important;
}

.normalLabel .labelHorizontal{
    width: auto !important;
}

.normalLabel .valueHorizontal{
    width: 60% !important;
}

.normalLabel .valueHorizontal .fphcodetxt{
    float: left;
    position: relative;
    width: 10%;
    margin: 0 5px 0 0;
}
.normalLabel .valueHorizontal .fphtxt{
    float: left;
    position: relative;
    margin: 0;
    width: 70%;
}



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

/*.firstBlock .centerContainerInner{
background-position:-25px -50px;
background-size: calc(100% + 50px);
}*/

.firstBlock{
  overflow:hidden;
}

.firstBlock .centerContainerInner{
  transition: 1.6s all;
}

.firstBlock .centerContainerInner:hover{
  	transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */
}

.firstBlock .centerContainerInner:hover .scrollIcon{
  display:none;
}

.moduleDetailWrapperPeopleModule .moduleItemImage,
.moduleDetailWrapperCollectionsModule .moduleItemImage{
  float: left;
  position: relative;
  width: 100%;
  display: block;
}

@media screen and (min-width:650px) {
  .moduleDetailWrapperPeopleModule .moduleItemImage,
  .moduleDetailWrapperCollectionsModule .moduleItemImage{
      float: right;
    width: 47%;
  }
}

.moduleDetailWrapperPeopleModule .moduleItemImage img,
.moduleDetailWrapperCollectionsModule .moduleItemImage img{
  max-width: 100%;
  height: auto !important;
}

.moduleDetailWrapperPeopleModule h2.title,
.moduleDetailWrapperCollectionsModule h2.title{
  text-transform: none;
  font-size: 23px;
  margin:0 0 20px 0;
}

.moduleDetailWrapperPeopleModule #moduleItemContent,
.moduleDetailWrapperCollectionsModule #moduleItemContent{
  float: left;
  position: relative;
  width: 100%;
  display: block;
  font-size: 16px;
}

@media screen and (min-width:650px) {
  .moduleDetailWrapperPeopleModule #moduleItemContent,
  .moduleDetailWrapperCollectionsModule #moduleItemContent{
    width: 47%;
    margin: 0 6% 0 0;
  }
}

.moduleDetailWrapperPeopleModule #moduleItemContent p,
.moduleDetailWrapperPeopleModule #moduleItemContent li,
.moduleDetailWrapperCollectionsModule #moduleItemContent p,
.moduleDetailWrapperCollectionsModule #moduleItemContent li{
  font-size: 16px;
}

.moduleDetailWrapperCollectionsModule #moduleItemContent .extraFieldContainer{
  float: left;
  position: relative;
  width: 100%;
  display: block;
  margin: 0 0 20px 0 !important;
}

.moduleDetailWrapperCollectionsModule #moduleItemContent .extraFieldContainer .extraField{
  float: left;
  position: relative;
  width: 100%;
  display: block;
  margin: 3px 0;
}

.moduleDetailWrapperCollectionsModule #moduleItemContent .extraFieldContainer .extraField .label{
  float: left;
  position: relative;
  width: 40%;
  display: block;
  font-size: 12px;
}

.moduleDetailWrapperCollectionsModule #moduleItemContent .extraFieldContainer .extraField .value{
  float: left;
  position: relative;
  width: 60%;
  display: block;
  font-size: 16px;
}

.hoverContent .bannerHtmlContent ul,
.hoverContent .hoverContent ul{
  margin: 0 !important;
}

.liquid-slider{
  background:#FFF;
}

#dateList-wrapper{
  clear: none;
  float: left;
}


.dateList-panel .selected {
    font-weight: bold;
}

.liquid-slider .ls-panel{
  /*width: 870px !important;*/
}

[class$="-arrow"] {
  margin-top: 7px;
}

.panel-wrapper{
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding: 0;
  height: 38px;
}

.panel-wrapper a{
  line-height:38px;
  text-align:center;
  width: 11.5%;
  float: left;
  position: relative;
  text-decoration: none;
  margin: 0 0.5%;
}

.ls-responsive .ls-nav-right-arrow{
  right: -5px;
}

.topSection,
.bottomSection{
  float: left;
  position: relative;
  width: 100%;
}

blockquote,
blockquote p{
  color:#221e1f;
  font-size: 23px;
  font-style: italic;
}

.pageAnchorContainer{
  margin: 20px 0;
}

.pageAnchorContainer .centerContainerInner .bannerHtmlContent{
    text-align: center;
    float: left;
    position: relative;
    top: auto;
    transform: none;
    height: 40px;
}

.pageAnchorContainer .centerContainerInner .bannerHtmlContent a{
  padding: 0 16px;
  line-height: 40px;
  font-size:18px;
  font-weight:300;
  color : #231f20;
  text-decoration: none;
  text-transform: lowercase;
}

.pageAnchorContainer .centerContainerInner .bannerHtmlContent a:hover{
  font-weight:500;
}

.contentBlockContainer > .moduleComponent{
  float: left;
  position: relative;
  width: 100%;
}

.people-listing .contentPageTitle,
.people-listing #moduleItemBack{
  display: none;
}

.newsletterGroupContainer{
  float: left;
  position: relative;
  width: 47%;
  clear: left;
}

.newsletterGroupContainer .fgroup{
  float: left;
  position: relative;
  width: 100%;
  display: block;
}

/***************************************************/
/***************** Group Booking *******************/
/***************************************************/

.groups-booking #formTable .formRow{
  background: #fff;
}

.groups-booking #formTable .formRow .valueVertical,
.groups-booking #formTable .formRow .valueHorizontal{
  background: transparent;
  z-index: 999;
}

.groups-booking #formTable .formRow .valueVertical input,
.groups-booking #formTable .formRow .valueHorizontal input{
  background: transparent;
}

.groups-booking #formTable .formRow input#mf_time_field186,
.groups-booking #formTable .formRow input#mf_date_field185{
  padding-left: 50%;
  width: 100%;
  box-sizing: border-box;
}

.groups-booking #formTable .field96Container.formRow .valueVertical input,
.groups-booking #formTable .field95Container.formRow .valueVertical input,
.groups-booking #formTable .field88Container.formRow .valueVertical input,
.groups-booking #formTable .field87Container.formRow .valueVertical input,
.groups-booking #formTable .field96Container.formRow .valueHorizontal input,
.groups-booking #formTable .field95Container.formRow .valueHorizontal input,
.groups-booking #formTable .field88Container.formRow .valueHorizontal input,
.groups-booking #formTable .field87Container.formRow .valueHorizontal input{
  width: 52%;
  padding-left: 45%;
}

.groups-booking #formTable .field89Container.formRow .valueVertical input#mf_phone_field89_i,
.groups-booking #formTable .field89Container.formRow .valueHorizontal input#mf_phone_field89_i{
  width: 10%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.groups-booking #formTable .field89Container.formRow .valueVertical input#mf_phone_field89_a,
.groups-booking #formTable .field89Container.formRow .valueHorizontal input#mf_phone_field89_a{
  width: 20%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.groups-booking #formTable .field89Container.formRow .valueVertical input#mf_phone_field89_p,
.groups-booking #formTable .field89Container.formRow .valueHorizontal input#mf_phone_field89_p{
  width: 68%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.groups-booking #formTable .field94Container.formRow .valueVertical input,
.groups-booking #formTable .field94Container.formRow .valueHorizontal input{
  width: 49%;
  padding-left: 48%;
}

.groups-booking #formTable .field86Container.formRow .valueVertical input,
.groups-booking #formTable .field86Container.formRow .valueHorizontal input{
  width: 94%;
  padding: 9% 3% 2.5% 3%;
}

.groups-booking #formTable .field90Container.formRow .valueVertical input,
.groups-booking #formTable .field90Container.formRow .valueHorizontal input{
  width: 17%;
  padding-left:80%;
}

/***************************************************/
/************* Schools Years 0 to 8 ****************/
/***************************************************/

.schools-years-0-8 #formTable .formRow{
  background: #fff;
}

.schools-years-0-8 #formTable .formRow .valueVertical,
.schools-years-0-8 #formTable .formRow .valueHorizontal{
  background: transparent;
  z-index: 999;
}

.schools-years-0-8 #formTable .formRow .valueVertical input,
.schools-years-0-8 #formTable .formRow .valueHorizontal input{
  background: transparent;
}

.schools-years-0-8 #formTable .field65Container.formRow .valueHorizontal input,
.schools-years-0-8 #formTable .field65Container.formRow .valueHorizontal input,
.schools-years-0-8 #formTable .field63Container.formRow .valueHorizontal input,
.schools-years-0-8 #formTable .field63Container.formRow .valueHorizontal input,
.schools-years-0-8 #formTable .field62Container.formRow .valueHorizontal input,
.schools-years-0-8 #formTable .field62Container.formRow .valueHorizontal input,
.schools-years-0-8 #formTable .field61Container.formRow .valueHorizontal input,
.schools-years-0-8 #formTable .field61Container.formRow .valueHorizontal input{
  width: 52%;
  padding-left: 45%;
}

.schools-years-0-8 #formTable .field78Container.formRow .valueVertical input#mf_phone_field78_i,
.schools-years-0-8 #formTable .field78Container.formRow .valueHorizontal input#mf_phone_field78_i{
  width: 10%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.schools-years-0-8 #formTable .field78Container.formRow .valueVertical input#mf_phone_field78_a,
.schools-years-0-8 #formTable .field78Container.formRow .valueHorizontal input#mf_phone_field78_a{
  width: 20%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.schools-years-0-8 #formTable .field78Container.formRow .valueVertical input#mf_phone_field78_p,
.schools-years-0-8 #formTable .field78Container.formRow .valueHorizontal input#mf_phone_field78_p{
  width: 68%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.schools-years-0-8 #formTable .field64Container.formRow .valueVertical input,
.schools-years-0-8 #formTable .field64Container.formRow .valueHorizontal input{
  width: 94%;
  padding: 9% 3% 2.5% 3%;
}

.schools-years-0-8 #formTable .field67Container.formRow span{
  float: left;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.schools-years-0-8 #formTable .field67Container.formRow span table{
  margin: 5px 0 0 0;
}

/***************************************************/
/************* Schools Years 9 to 13 ***************/
/***************************************************/

.schools-years-9-13 #formTable .formRow{
  background: #fff;
}

.schools-years-9-13 #formTable .formRow .valueVertical,
.schools-years-9-13 #formTable .formRow .valueHorizontal{
  background: transparent;
  z-index: 999;
}

.schools-years-9-13 #formTable .formRow .valueVertical input,
.schools-years-9-13 #formTable .formRow .valueHorizontal input{
  background: transparent;
}

.schools-years-9-13 #formTable .field82Container.formRow .valueHorizontal input,
.schools-years-9-13 #formTable .field82Container.formRow .valueHorizontal input,
.schools-years-9-13 #formTable .field79Container.formRow .valueHorizontal input,
.schools-years-9-13 #formTable .field79Container.formRow .valueHorizontal input,
.schools-years-9-13 #formTable .field75Container.formRow .valueHorizontal input,
.schools-years-9-13 #formTable .field75Container.formRow .valueHorizontal input,
.schools-years-9-13 #formTable .field74Container.formRow .valueHorizontal input,
.schools-years-9-13 #formTable .field74Container.formRow .valueHorizontal input{
  width: 52%;
  padding-left: 45%;
}

.schools-years-9-13 #formTable .field80Container.formRow .valueVertical input,
.schools-years-9-13 #formTable .field80Container.formRow .valueHorizontal input{
  width: 94%;
  padding: 9% 3% 2.5% 3%;
}

.schools-years-9-13 #formTable .field76Container.formRow .valueVertical input#mf_phone_field76_i,
.schools-years-9-13 #formTable .field76Container.formRow .valueHorizontal input#mf_phone_field76_i{
  width: 10%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.schools-years-9-13 #formTable .field76Container.formRow .valueVertical input#mf_phone_field76_a,
.schools-years-9-13 #formTable .field76Container.formRow .valueHorizontal input#mf_phone_field76_a{
  width: 20%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.schools-years-9-13 #formTable .field76Container.formRow .valueVertical input#mf_phone_field76_p,
.schools-years-9-13 #formTable .field76Container.formRow .valueHorizontal input#mf_phone_field76_p{
  width: 68%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.schools-years-9-13 #formTable .field81Container.formRow .valueHorizontal input,
.schools-years-9-13 #formTable .field81Container.formRow .valueHorizontal input{
  width: 32%;
  padding-left: 65%;
}


/***************************************************/
/******** Early Childhood Education Guided *********/
/***************************************************/

.early-childhood-education-guided #formTable .formRow{
  background: #fff;
}

.early-childhood-education-guided #formTable .formRow .valueVertical,
.early-childhood-education-guided #formTable .formRow .valueHorizontal{
  background: transparent;
  z-index: 999;
}

.early-childhood-education-guided #formTable .formRow .valueVertical input,
.early-childhood-education-guided #formTable .formRow .valueHorizontal input{
  background: transparent;
}

.early-childhood-education-guided #formTable .field181Container.formRow .valueVertical input#mf_phone_field181_i,
.early-childhood-education-guided #formTable .field181Container.formRow .valueHorizontal input#mf_phone_field181_i{
  width: 10%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.early-childhood-education-guided #formTable .field181Container.formRow .valueVertical input#mf_phone_field181_a,
.early-childhood-education-guided #formTable .field181Container.formRow .valueHorizontal input#mf_phone_field181_a{
  width: 20%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.early-childhood-education-guided #formTable .field181Container.formRow .valueVertical input#mf_phone_field181_p,
.early-childhood-education-guided #formTable .field181Container.formRow .valueHorizontal input#mf_phone_field181_p{
  width: 68%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.early-childhood-education-guided #formTable .field100Container.formRow .valueHorizontal input,
.early-childhood-education-guided #formTable .field100Container.formRow .valueHorizontal input,
.early-childhood-education-guided #formTable .field101Container.formRow .valueHorizontal input,
.early-childhood-education-guided #formTable .field101Container.formRow .valueHorizontal input{
  width: 52%;
  padding-left: 45%;
}

/***************************************************/
/****** Early Childhood Education Self Guided ******/
/***************************************************/

.early-childhood-education-self-guided #formTable .formRow{
  background: #fff;
}

.early-childhood-education-self-guided #formTable .formRow .valueVertical,
.early-childhood-education-self-guided #formTable .formRow .valueHorizontal{
  background: transparent;
  z-index: 999;
}

.early-childhood-education-self-guided #formTable .formRow .valueVertical input,
.early-childhood-education-self-guided #formTable .formRow .valueHorizontal input{
  background: transparent;
}

.early-childhood-education-self-guided #formTable .field182Container.formRow .valueVertical input#mf_phone_field182_i,
.early-childhood-education-self-guided #formTable .field182Container.formRow .valueHorizontal input#mf_phone_field182_i{
  width: 10%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.early-childhood-education-self-guided #formTable .field182Container.formRow .valueVertical input#mf_phone_field182_a,
.early-childhood-education-self-guided #formTable .field182Container.formRow .valueHorizontal input#mf_phone_field182_a{
  width: 20%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.early-childhood-education-self-guided #formTable .field182Container.formRow .valueVertical input#mf_phone_field182_p,
.early-childhood-education-self-guided #formTable .field182Container.formRow .valueHorizontal input#mf_phone_field182_p{
  width: 68%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.early-childhood-education-self-guided #formTable .field113Container.formRow .valueHorizontal input,
.early-childhood-education-self-guided #formTable .field113Container.formRow .valueHorizontal input,
.early-childhood-education-self-guided #formTable .field112Container.formRow .valueHorizontal input,
.early-childhood-education-self-guided #formTable .field112Container.formRow .valueHorizontal input{
  width: 52%;
  padding-left: 45%;
}

/***************************************************/
/************* Teritary Booking Form ***************/
/***************************************************/

.tertiary-booking-form #formTable .formRow{
  background: #fff;
}

.tertiary-booking-form #formTable .formRow .valueVertical,
.tertiary-booking-form #formTable .formRow .valueHorizontal{
  background: transparent;
  z-index: 999;
}

.tertiary-booking-form #formTable .formRow .valueVertical input,
.tertiary-booking-form #formTable .formRow .valueHorizontal input{
  background: transparent;
}

.tertiary-booking-form #formTable .field96Container.formRow .valueVertical input,
.tertiary-booking-form #formTable .field95Container.formRow .valueVertical input,
.tertiary-booking-form #formTable .field88Container.formRow .valueVertical input,
.tertiary-booking-form #formTable .field87Container.formRow .valueVertical input,
.tertiary-booking-form #formTable .field96Container.formRow .valueHorizontal input,
.tertiary-booking-form #formTable .field95Container.formRow .valueHorizontal input,
.tertiary-booking-form #formTable .field88Container.formRow .valueHorizontal input,
.tertiary-booking-form #formTable .field87Container.formRow .valueHorizontal input{
  width: 52%;
  padding-left: 45%;
}

.tertiary-booking-form #formTable .field89Container.formRow .valueVertical input#mf_phone_field89_i,
.tertiary-booking-form #formTable .field89Container.formRow .valueHorizontal input#mf_phone_field89_i{
  width: 10%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.tertiary-booking-form #formTable .field89Container.formRow .valueVertical input#mf_phone_field89_a,
.tertiary-booking-form #formTable .field89Container.formRow .valueHorizontal input#mf_phone_field89_a{
  width: 20%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.tertiary-booking-form #formTable .field89Container.formRow .valueVertical input#mf_phone_field89_p,
.tertiary-booking-form #formTable .field89Container.formRow .valueHorizontal input#mf_phone_field89_p{
  width: 68%;
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #000;
  padding: 5px;
}

.tertiary-booking-form #formTable .field94Container.formRow .valueVertical input,
.tertiary-booking-form #formTable .field94Container.formRow .valueHorizontal input{
  width: 49%;
  padding-left: 48%;
}

.tertiary-booking-form #formTable .field86Container.formRow .valueVertical input,
.tertiary-booking-form #formTable .field86Container.formRow .valueHorizontal input{
  width: 94%;
  padding: 9% 3% 2.5% 3%;
}

.tertiary-booking-form #formTable .field90Container.formRow .valueVertical input,
.tertiary-booking-form #formTable .field90Container.formRow .valueHorizontal input{
  width: 17%;
  padding-left:80%;
}

/***************************************************/
/***************** Become a friend *****************/
/***************************************************/

.become-a-friend #formTable .field154Container.formRow .labelVertical,
.become-a-friend #formTable .field154Container.formRow .labelHorizontal{
  display: none;
}

.become-a-friend #formTable .field154Container.formRow .valuelVertical span,
.become-a-friend #formTable .field154Container.formRow .valueHorizontal span{
  width: auto;
}

.become-a-friend #formTable .field154Container.formRow .valuelVertical input,
.become-a-friend #formTable .field154Container.formRow .valueHorizontal input{
  float: left;
  position: relative;
}

/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/*                Responsive                       */

@media screen and (max-width:950px){
  .menu-collapser{
    display:none !important;
  }

  .headerNavigation.clicked > ul{
    display:block !important;
    margin: 15px 0 0 0;
  }

}

@media screen and (max-width: 800px) {
#header,
#header.selected.stuck,
#header.selected{
  height:auto;
  padding: 0 0 15px 0;
}

#header .centerContainerInner{
    width: 98%;
    margin: 0 1%;
}

a#logo #icon,
a#logo.loaded #icon,
a#logo #icon2{
  margin: 15px 0px 10px 15px;
}

.headerNavigation,
.stuck .headerNavigation{
  margin: 40px auto 0px auto;
}

.headerNavigation,
.subNavigation{
width: 100%;
margin: 55px auto 0;
float: left;
position: relative;
height: 0;
overflow: hidden;
}

.headerNavigation.clicked{
  height: auto;
}

.headerNavigation ul{
    float: left;
    position: relative;
    margin: 0;
}

#header .subNavigation ul li ul{
transition : 0.5s all;
top :  0px;
opacity: 1;
}

#header.stuck .subNavigation ul li ul{
top:  -140px;
}

.headerNavigation > ul li a,
.headerNavigation > ul li.has-submenu > a ,
.subNavigation ul li a{
  padding:8px 16px;
  font-size:18px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  }

#header ul li, #slideContainer ul, #slideContainer ul li{
    float: left;
    position: relative;
    width: 14.2%;
    height: 39px;
}

.headerNavigation > ul li a.searchIcon{margin: 0 auto;float: none;}

#hamburger #hamburgerIcon,
#hamburger #hamburgerIcon,
#hamburger.clicked #hamburgerIcon2,
#hamburger #hamburgerIcon2{
top: 20px;
right: 20px;
}

#pageSource{
  float: left;
  position: relative;
  width: 94%;
  padding: 0 3%;
}



}

@media screen and (max-width: 600px) {
  #tabs ul.ui-tabs-nav li.ui-tabs-selected {
      margin: 0 0 20px;
      width: 100%;
  }

  #tabs ul.ui-tabs-nav li {
    width: 100%;
  }

  #tabs ul.ui-tabs-nav {
    margin: -37px 0 20px !important;
  }

  .moduleComponent .centerContainer.fullWidthContainer, .tileContainer .centerContainer.fullWidthContainer, .gridContainer .centerContainer.fullWidthContainer {
    margin: 0px;
  }

  .past-events .moduleItemImage {
      max-width: 40%;
  }


}


@media screen and (max-width: 500px) {
  #back-page,
  #back-top{
    display: none !important;
  }

  .navigation-wrapper{
  height: auto !important;
  float: left;
  position: relative;
  width: 100%;
  top: auto;
  display: inline-block;
  }

  #defaultContent{
    margin-top: 0;
  }

  #header,
  #header.selected.stuck,
  #header.selected{
    height:auto;
    padding: 0 0 15px 0;
    float: left;
    position: relative;
  }

  .see #header
  {
  	height:110px;
  }

  #header.selected{
    padding:0;
  }

  .menu-collapser{
    display:none !important;
  }

  #header .centerContainer{
      float: left;
      position: relative;
  }
  #header .centerContainerInner{
      width: 100%;
      margin: 0;
  }

  a#logo #icon,
  a#logo.loaded #icon{
    height: 40px;
  }

  a#logo #icon2{
    width: 75%;
    height: 40px;
  }

  .headerNavigation,
  .stuck .headerNavigation{
    margin: 40px auto 0px auto;
  }

  .headerNavigation,
  .subNavigation{
    width: 100%;
    margin: 55px auto 0;
    float: left;
    position: relative;
    height: 0;
    overflow: hidden;
  }

  .headerNavigation.clicked{
    height: auto;
  }

  .headerNavigation ul{
      float: left;
      position: relative;
      margin: 0;
  }

  .headerNavigation.clicked > ul{
    display:block !important;
    margin: 15px 0 0 0;
  }

  #header .subNavigation ul li ul{
  transition : 0.5s all;
  top :  0px;
  opacity: 1;
  }

  #header.stuck .subNavigation ul li ul{
  top:  -140px;
  }

  .headerNavigation > ul li a,
  .headerNavigation > ul li.has-submenu > a ,
  .subNavigation ul li a{
  padding:8px 16px;
  width: 100%;
  }

  #header ul li,
  #slideContainer ul,
  #slideContainer ul li{
      width: 100%;
      height: auto;
  }

  .headerNavigation > ul li a.searchIcon{
    margin: 0 auto;
    float: none;
  }

  .headerNavigation > ul li>ul{
      float: left;
      position: relative;
      left: auto;
  }

  .headerNavigation > ul li>ul{
    height: auto;
  }

  .headerNavigation > ul li>ul>li ul{
  float: left;
  position: relative;
  left: auto;
  }

  .moduleListingWrapperEventsModule.standardModule .navCategorySelect,
  .moduleListingWrapperEventsModule.standardModule .navTagSelect,
  .moduleListingWrapperEventsModule.standardModule #navDateSelect{
      width: 100%;
      margin: 10px 0;
  }

  #listingEventsModule.moduleItemsListing.standardModule{
    float:left;
    position:relative;
    width:100%;
  }

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

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

  .moduleComponent.listingFullWidthHoverLanding .centerContainerInner .bannerHtmlContent{
    position: relative;
    display: inline-block;
    top: 50%;
    bottom: auto !important;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
  }

  .archiveListing .navDateLinks .navheaders{
    width: 100%;
    text-align: center;
    margin: 0 0 15px 0;
  }

  #topCategoryOutter ul{
    width: 100%;
    margin: 0;
  }

  .archiveListing .navDateLinks ul li{
    width: 50%;
    text-align: center;
    box-sizing: border-box;
  }

  .archiveListing .navDateLinks ul li:nth-child(1){
    width: 100%;
  }

  .archiveListing #topCategoryOutter > span{
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }

  .archiveListing .moduleSearchContainer{
    width: 100%;
    margin: 0 0 15px 0;
  }

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

  #archiveListing .listingItem{
    float: left;
    position: relative;
    width: 50%;
    overflow: hidden;
  }
  .archiveListing .moduleSearchContainer #module_search_form .moduleSearchInput{
    width: 85%;
  }

  .archiveListing .moduleSearchContainer #module_search_form .moduleSearchSubmit{
    bottom: auto;
    width: 15%;
  }

  #archiveListing .listingItem .centerContainer .centerContainerInner .hoverContent .middle p,
  #archiveListing .listingItem .centerContainer .centerContainerInner .hoverContent .middle span,
  #archiveListing .listingItem .centerContainer .centerContainerInner .hoverContent .middle a{
    display: none;
  }

  .moduleComponentContainer .moduleComponent{
      float: left;
      position: relative;
      width: 100%;
      overflow: hidden;
  }

  .moduleComponenteventsModule .moduleComponent{
    margin: 0 0 10px 0;
  }

  .moduleComponenteventsModule .moduleComponent .bannerHtmlContent{
    display: block !important;
  }

  .tileContainer .moduleComponent  .centerContainerInner.ratio1_1 .bannerHtmlContent{
    top: auto;
    transform: none;
    bottom: auto !important;
    box-sizing: border-box;
    margin: 15px 0;
    float: left;
    position: relative;
    color: #000;
    }

    .tileContainer .moduleComponent  .centerContainerInner.ratio1_1 .hoverContent{
      float: left;
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      opacity: 1;
      padding: 15px 0 25px;
  }

  .tileContainer .moduleComponent  .centerContainerInner.ratio1_1 .hoverContent .middle{
      float: left;
      position: relative;
      display: block;
      top: auto;
      transform: none;
      width: 100%;
      padding: 0 14px;
      box-sizing: border-box;
  }

  .moduleListingWrapper.customModule .moduleItemsListing .moduleComponent,
  .moduleListingWrapper.customModule .moduleItemsListing .moduleComponent:nth-child(even),
  .moduleListingWrapper.customModule .moduleItemsListing .moduleComponent:nth-child(odd){
  width: 100%;
  padding: 0;
  }

  .moduleListingWrapper.customModule .moduleItemsListing .moduleComponent:nth-child(even) .bannerHtmlContent,
  .moduleListingWrapper.customModule .moduleItemsListing .moduleComponent:nth-child(odd) .bannerHtmlContent{
    float:left;
    position:relative;
    width: 94%;
    padding: 0 3%;
    margin:0;
    display: block;
    top: auto;
    transform: none;
  }

  .past-events .moduleItemImage {
      margin-bottom: 30px;
      max-width: 100%;
  }


}

@media (max-width: 414px){



}

div.seeButtons{
  float: left;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 2% 10%;
}

div.seeButtons > a{
  text-decoration: none;
  text-transform: lowercase;
  font-size: 18px;
  float: left;
  position: relative;
}

div.seeButtons > a{
  text-decoration: none;
  text-transform: lowercase;
  font-size: 18px;
}

div.seeButtons > a:nth-child(1){
  float: left;
}

div.seeButtons > a:nth-child(2){
  float: right;
}

.contentBlockContainer > .eventBlock{
  float: left;
  position: relative;
  width: 100%;
}

.eventBlock .centerContainerInner.fullWidthContainer{
  width:100%;
  margin: 0;
}

.eventBlock .moduleComponent.hoverContent{
    float: left;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    background: none;
    opacity: 1;
    width: 100%;
    height: auto;
}


@media screen and (min-width: 650px){
  .eventBlock .moduleComponent.hoverContent{
    width:50%;
  }
}

.eventBlock .moduleComponent.hoverContent .centerContainer{
    width: 100%;
    margin: 0;
}

.eventBlock .moduleComponent.hoverContent .centerContainer .centerContainerInner{
  width:100%;
}

/* Tweaks For Responsive - Bart */
#moduleDetailWrapperExhibitionsModule .centerContainerInner,
#listingExhibitionsModule .centerContainerInner{
	height: 75vh;
}
#listingExhibitionsModule .centerContainerInner .hoverContent{
	height: 75vh;
}
@media (max-width:767px){
	.listingFullWidthLanding .centerContainerInner{
		height: 25vh !important;
	}

	.moduleComponentContainerhomepage .centerContainerInner,
	.moduleComponentContainerabout .centerContainerInner,
	#moduleComponent713 .centerContainerInner,
	#moduleComponent628 .centerContainerInner,
	#moduleComponent747 .centerContainerInner,
	#moduleComponent306 .centerContainerInner,
	#moduleComponent735 .centerContainerInner,
	#moduleComponent741 .centerContainerInner,
	#moduleComponent703 .centerContainerInner,
	#moduleComponent657 .centerContainerInner,
	#moduleDetailWrapperExhibitionsModule .centerContainerInner,
	#listingExhibitionsModule .centerContainerInner{
		height: 75vh !important;
	}

	.home .centerContainerInner.fullWidthContainer.lazy,
	.exhibitions .centerContainerInner.fullWidthContainer.lazy {
		height: 75vh !important;
	}

	.home .moduleComponentContainerhomepage .centerContainerInner .hoverContent,
	.moduleComponentContainerabout .centerContainerInner .hoverContent,
	#listingExhibitionsModule .centerContainerInner .hoverContent,
	.exhibitions .moduleComponentContainerhomepage .centerContainerInner .hoverContent,
	.moduleComponentContainerabout .centerContainerInner .hoverContent,
	#listingExhibitionsModule .centerContainerInner .hoverContent {
		height: 75vh !important;
	}

	.exhibitions .listingFullWidthLanding .centerContainerInner.fullWidthContainer.lazy {
		height: 50vh !important;
	}

	.moduleComponentContainerhomepage .centerContainerInner .hoverContent,
	.moduleComponentContainerabout .centerContainerInner .hoverContent,
	#listingExhibitionsModule .centerContainerInner .hoverContent{
		height: 75vh !important;
	}
	.listingSupportersModule .percentage20{
		width: 40% !important;
	}
	.listingSupportersModule .ratio1_1:before{
		padding-top: 80%;
	}
	.moduleComponentContainerfriendsPage .imageContainer:first-child{
		text-align: center;
	}
	.moduleComponentContainerfriendsPage .imageContainer:first-child img{
		width: 50%;
		padding-top: 20px;
	}
}

.eventsFriendEvents{
	margin: 20px 0px;
}

@media screen and (max-width:500px)
{
	h2,h3,.subHeader2
	{
		font-size:19px;
	}
	#moduleComponent747 .centerContainerInner,
	#moduleComponent713 .centerContainerInner
	{
		height: 50vh !important;
	}
	.imageCredit,
	.bannerHtmlContent
	{
		box-sizing:border-box;
		padding: 0 14px;
	}
	.moduleComponent .centerContainer
	{
		width:100%;
		margin:0
	}
	#moduleComponent741 .centerContainerInner
	{
		height: 50vh !important;
	}
	#footerNavigation ul {
    margin: 40px 0px 0px;
	}
	.programmes #listingProgrammesModule .bannerHtmlContent
	{
		background-color: rgba(255, 255, 255, 0.9);
		width:90%;
		margin: 5% 5%;
		text-align:center;
	}
	.product-details #defaultContent
	{
		width:100%;
		box-sizing:border-box;
		padding: 0 14px;
	}
}

.swatchItem
{
 display: inline-block;
  width : 30px;
  height : 30px;
  margin: 2px;
}

.productAttributeHeader,
#colourSwatch
{
 margin : 10px 0px 2px; 
}

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

.html5gallery-elem-1,
.html5gallery-tn-1,
.html5gallery-tn-selected-1{
    -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
    box-shadow: none !important;
}
  
  #multipleImageContainer
  {
   height: 400px; 
  }