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


body, html
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #9FC54D;
}

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

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

BODY, TABLE
{
font-family: 'Questrial', 'sans-serif';
font-size:14px;
color:#838384 ;
}

body#blank
{
margin: 0;
padding: 0 0 0 4%;
width: 96%;
height: 100%;
font-size: 15px !important;
}

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

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

::selection {
	background: #9FC54D; /* Safari */
color: #fff;
	}
::-moz-selection {
	background: #9FC54D; /* Firefox */
color: #fff;
}

h1,
.h1
{
margin: 10px 0px 15px;
color: #9FC54D;
font-size: 34px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
background: none;
font-family: 'Questrial', 'sans-serif';
}

#home .h1,
#home h1
{
font-size: 27px;
}

h1.contentPageTitle
{
margin-top: 0;
}

@font-face {
  font-family: "foundation-icons";
  src: url("http://www.kathleenkilgourcentre.co.nz/stylesheets/fonts/foundation-icons.eot");
  src: url("http://www.kathleenkilgourcentre.co.nz/stylesheets/fonts/foundation-icons.eot?#iefix") format("embedded-opentype"),
       url("http://www.kathleenkilgourcentre.co.nz/stylesheets/fonts/foundation-icons.woff") format("woff"),
       url("http://www.kathleenkilgourcentre.co.nz/stylesheets/fonts/foundation-icons.ttf") format("truetype"),
       url("http://www.kathleenkilgourcentre.co.nz/stylesheets/fonts/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}


h2,
.h2
{
margin: 15px 0px;
color: #5f6062;
text-transform: uppercase;
font-size: 16px;
font-weight: 800;
letter-spacing: 1px;
font-family: 'Questrial', 'sans-serif';
}

h3,
.h3
{
padding: 6px 10px;
margin: 15px 0px 15px -10px;
color: #5f6062;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
font-family: 'Questrial', 'sans-serif';
background: #efefef;
}

h4,
.h4
{
padding: 6px 10px;
margin: 15px 0px 15px -10px;
color: #000;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
font-family: 'Questrial', 'sans-serif';
background: #fad019;
}

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

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

div#pageSource{ text-align:left; }
ul
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

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

ol {
    counter-reset:li;
    margin-left:0;
    padding-left:0;
}
ol > li {
    position:relative;
    margin:0 0 20px 2em;
    padding:0px 12px;
    list-style:none;
    border-top:none;
    background: none;
}
ol > li:before {
    content:counter(li);
    counter-increment:li;
    position:absolute;
    top:-5px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
height:2em;
line-height:1.3em;
    margin-right:8px;
    padding:4px;
    border-top:none;
    color:#fff;
    background:#9FC54D;
    font-weight:bold;
    text-align:center;
border-radius: 100%;
}

li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}


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

hr
{
display: block;
margin: 15px 0px;
border: none;
background: none;
border-bottom: 1px solid #e6e6e6;
}

a
{
color: #9FC54D;
text-decoration: none;
font-weight: normal;
}

a
{
text-decoration: underline;
}

td
{
vertical-align: middle;
border-bottom: 1px solid #d5d5d5;
border-bottom: none;
padding: 5px 0px;
}

a img
{
border: none;
}


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

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

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

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

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

#header
{
float: left;
position: relative;
width: 100%;
height: auto;
background: #fff url(http://www.kathleenkilgourcentre.co.nz/images/style/tile_long.jpg)  center 124px no-repeat;
}

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

#header .bgContainer
{
width: 1022px;
float: left;
position: relative;
height: 173px;
}


#home #header
{
height: 173px;
}


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


#content
{
float: left;
position: relative;
width: 100%;
padding: 15px 0px;
min-height: 0px;
background: #fff;
}




















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

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



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


#footer {
float: left;
position: relative;
z-index: 1000;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
border-top: none;
min-height: 0px;
width: 100%;
background: #9fc54d;
color: #fff;
text-align: center;
}

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

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

#footer .bgContainer p,
#footer .bgContainer a
{text-align: center;margin: 0px 0px 0 0px;color: #fff;}
/* ----------------------*/


a.logo
{
position: relative;
float: left;
}

a.logo img
{

}


/* -------- Header Navigation ------------- */

#header #navigation
{
float: right;
position: relative;
top: 0px;
right: 0;
width: auto;
height: auto;
background: none;
z-index: 2000;
padding: 0px 0px 0px 0px;
margin: 92px 0px 0px 0px;

}

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

#header #navigation ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 0px;
height: auto;
line-height: auto;
margin: 0px 0px 0px 0px;
background: none;
border-left: none;
}

#header #navigation ul li.home
{

}

#header #navigation ul li a
{
display: block;
position: relative;
width: auto;
text-align: center;
height: auto;
line-height: auto;
padding: 8px 5px 18px;
margin: 0px 8px;
list-style: none;
float: left;
text-transform: lowercase;
letter-spacing: 0;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color: #646466;
text-decoration: none ;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

#header #navigation ul li a.contact
{
padding: 2px 0px 18px 10px ;
}

#header #navigation ul li a:hover
{
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/tile_short.png) top repeat-x;
color: #9FC54D;
}


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

#header #navigation ul li:hover ul
{
display: block;
height: auto;
opacity: 1;
padding: 0px;
}

#header #navigation ul li ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px;
list-style: none;
float: none;
height: 0px;
position: absolute;
top: 35px;
left: -50px;
width: 240px;
overflow: hidden;
transition: 0.5s all;
opacity: 0;
background: none;
border-bottom: none;
box-shadow: none;
border-radius: 0px;
}

#header #navigation ul li ul
{
left: 0px;
}

#header #navigation ul li.careersAnchor ul
{
left: -67px;
}

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

#header #navigation ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 0px;
height: auto;
min-height: 20px;
width: 240px;
line-height: 19px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #fff;
background:#9fc54d;
background: rgba(159, 197, 77, 0.8);
}

#header #navigation ul li ul li:hover
{
background:#5d7c31;
background: rgba(93, 124, 49, 0.8);
}

#header #navigation ul li ul li a
{
display: block;
width: 208px;
text-align: left;
height: auto;
line-height: 17px;
padding: 6px 10px 6px 32px;
border-top: none;
margin: 0px;
text-indent: -10px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 14px;
text-transform: uppercase;
position: relative;
color: #fff;
text-decoration: none ;
}

#header #navigation ul li ul li a:hover
{
color: #fff;
background:5d7c31;
background: rgba(93, 124, 49, 0.8);
}


#header #navigation ul li ul li a:before
{
content: "";
}

#header #navigation ul li ul li ul
{

float: left;
position: relative;
margin: 0px 0px 0px -3px;
padding: 0;
top: auto;
left: auto;
border: none;


}

#header #navigation ul li ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
min-height: 33px;
width: 240px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: #daedf4;

display: none;

}



#header #navigation ul li ul li ul li a
{
display: block;
width: 210px;
text-align: left;
height: 33px;
line-height: 33px;
padding: 10px 10px 4px 17px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 12px;
position: relative;
color: #7093ae;
text-decoration: none ;
}


#header #navigation a.grandchildSelected,
#header #navigation a.childSelected,
#header #navigation a.menuSelected
{
font-weight: normal;
color: #646466;
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/tile_short.png) top repeat-x;
}

#header #navigation ul li ul li a.menuSelected
{
font-weight: bold;
color: #fff;
}

a#pull
{
display: none;
}

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

a.greenButton
{
display: inline-block;
padding: 8px 12px;
color: #fff;
font-size: 12px;
border-radius: 4px;
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #84ac45;
background: #c9dba2;
background: -moz-linear-gradient(top, #c9dba2 0%, #9dc44d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9dba2 ), color-stop(100%,#9dc44d ));
background: -webkit-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: -o-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: -ms-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: linear-gradient(to bottom, #c9dba2 0%,#9dc44d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9dba2 ', endColorstr='#9dc44d ',GradientType=0 );
}

a.greenButton:hover
{
background: #c9dba2;
background: -moz-linear-gradient(top, #cdd7aa 0%, #669026 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd7aa), color-stop(100%,#669026 ));
background: -webkit-linear-gradient(top, #cdd7aa0%,#669026 100%);
background: -o-linear-gradient(top, #cdd7aa0%,#669026 100%);
background: -ms-linear-gradient(top, #cdd7aa0%,#669026 100%);
background: linear-gradient(to bottom, #cdd7aa0%,#669026 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd7aa', endColorstr='#669026 ',GradientType=0 );
}

a.referralsButton
{
position: absolute;
top: -4px;
right: 0px;
border-radius: 0px 0px 4px 4px;
}

a.referralsButton:hover
{
top: -1px;
}

#header .facebookLink
{
    right: 114px;
}
#header .instagramLink
{
    right: 141px;
}
#header .facebookLink,
#header .instagramLink
{
    height: 28px;
    overflow:hidden;
    margin-top: 2px;
}
a.greyButton
{
display: inline-block;
padding: 8px 12px;
color: #969799;
font-size: 12px;
border-radius: 4px;
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #a1abb1;
background: #c9dba2;
background: -moz-linear-gradient(top, #eaeef0 0%, #c4c7c9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeef0), color-stop(100%,#c4c7c9 ));
background: -webkit-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: -o-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: -ms-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: linear-gradient(to bottom, #eaeef0 0%,#c4c7c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef0 ', endColorstr='#c4c7c9 ',GradientType=0 );
}

a.greyButton:hover
{
color: #fff;
background: #c9dba2;
background: -moz-linear-gradient(top, #e8ecee 0%, #4d5052 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8ecee ), color-stop(100%,#4d5052 ));
background: -webkit-linear-gradient(top, #e8ecee 0%,#4d5052 100%);
background: -o-linear-gradient(top, #e8ecee 0%,#4d5052 100%);
background: -ms-linear-gradient(top, #e8ecee 0%,#4d5052 100%);
background: linear-gradient(to bottom, #e8ecee 0%,#4d5052 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ecee ', endColorstr='#4d5052 ',GradientType=0 );
}

a.staffLoginButton
{
position: absolute;
top: -4px;
right: 0;
border-radius: 0px 0px 4px 4px;
}

#footer a.staffLoginButton
{
border-radius: 4px;
right:10px;
}

#footer a.staffLoginButton:hover
{position: absolute;top: 0px;right: 10px;position: absolute;width: 91px;}

a.staffLoginButton
{
position: absolute;
top: -4px;
right: 0;
width: 91px;
border-radius: 0px 0px 4px 4px;
}

a.staffLoginButton:hover
{
top: -1px;
}

.loginMsg{
color: #C92020;
}

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

#slideshow
{
float: left;
position: relative;
width: 100%;
height: 357px;
}

#slideshow .moduleComponentContainerhomeSlides
{
position: absolute;
top: 0;
right: 0;
bottom: 0;




left: 0;
overflow: hidden;
}

#slideshow .moduleComponenthomeSlides
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100% !important;
overflow: hidden;
background-size: cover !important;
}

#slideshow .bannerImageContainer


{

}

#slideshow a.bannerLink
{

}


#slideshow img.bannerImage
{

}

#slideshow h2.bannerTitle
{
display: none;
}

#slideshow h2.bannerTitle a
{

}

#slideshow .bannerHtmlContent
{
float: left;
position: relative;
width: 100%;
height: 357px;
}

#slideshow .bannerHtmlContent p
{
margin: 0;
padding: 0px 0px 25px 25px;
}

#slideshow .bannerHtmlContent .greenButton
{
letter-spacing: 1px;
font-weight: bold;
font-size: 14px;
padding: 3px 6px;
}

#slideshow a.bannerLinkMask
{

}


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

#horizontalCallouts
{
float: left;
position: relative;
width: 100%;
background: #fff;
padding: 15px 0px;
border-bottom: 1px solid #dddede;
}

#horizontalCallouts .container
{

}

#horizontalCallouts .bgContainer
{

}

#horizontalCallouts .moduleComponentContainerhomeCallouts
{
float: left;
position: relative;
width: 100%;
}

#horizontalCallouts .moduleComponenthomeCallouts
{
float: left;
position: relative;
width: 33.3%;
}

#horizontalCallouts h2.bannerTitle
{
display: none;
}

#horizontalCallouts .bannerHtmlContent
{
color: #59595b;
padding: 0px 30px 0px 0px;
}

#horizontalCallouts .bannerHtmlContent p
{

}

#horizontalCallouts :nth-child(1) .bannerHtmlContent img
{
margin-bottom:0px;
}

#horizontalCallouts :nth-child(2) .bannerHtmlContent img
{
margin-bottom: -10px;
}

#horizontalCallouts :nth-child(3) .bannerHtmlContent img
{
margin-bottom: 5px;
}

#horizontalCallouts .bannerHtmlContent a.bannerLinkMask
{

}


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

#pageEditorContent
{
float: left;
position: relative;
width: 570px;
margin: 15px 0px 0px 0px;
padding: 0px 45px 0px 25px;
border: 1px solid #e6e6e6;
border-width:  0px 1px;
}

#default.accomodation #pageEditorContent
{
float: left;
position: relative;
width: 743px;
margin: 15px 0px 0px 0px;
padding: 0px 45px 0px 25px;
border: 1px solid #e6e6e6;
border-width:  0px 1px;
}


body.noRightCol #pageEditorContent
{
float: left;
position: relative;
width: 820px;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 25px;
border: 1px solid #e6e6e6;
border-width:  0px 0px 0px 1px;
}

#home #pageEditorContent
{
width: 100%;
padding: 0px 0px 20px;
margin: 0px 0px 0px;
border: none;

}

#home #pageEditorContent h1
{
/*float: left;
position: relative;
width: 630px;*/
}



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

#home #pageEditorContent .homeColumns
{
float: left;
position: relative;
width: 630px;
-webkit-column-gap:40px; /* Chrome, Safari, Opera */
-moz-column-gap:40px; /* Firefox */
column-gap:40px;
-webkit-column-count:2; /* Chrome, Safari, Opera */
-moz-column-count:2; /* Firefox */
column-count:2;
}

/***********
#pageEditorContent ul
{
-webkit-column-gap:40px; /* Chrome, Safari, Opera */
-moz-column-gap:80px; /* Firefox */
column-gap:80px;
-webkit-column-count:2; /* Chrome, Safari, Opera */
-moz-column-count:2; /* Firefox */
column-count:2;
}
************/

#pageEditorContent ul#siteMap
{
-webkit-column-gap:0px; /* Chrome, Safari, Opera */
-moz-column-gap:0px; /* Firefox */
column-gap:0px;
-webkit-column-count:1; /* Chrome, Safari, Opera */
-moz-column-count:1; /* Firefox */
column-count:1;
}

#home #pageEditorContent .homeColumns p:first-child
{
margin-top: 0px;
}
    
    

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

#copyright
{

}

#copyright p
{
    top: 6px;
}

#copyright a
{
text-decoration: none;
}

#copyright a:hover

{
text-decoration: underline;
}


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


#headerImageContainer
{
float: left;
position: relative;
width: 100%;
height: 177px;
background: #9fc54d;
box-shadow: inset 0px 0px 26px 1px rgba(0,0,0,0.2);
}

#headerImageContainer.noMessage
{
float: left;
position: relative;
width: 100%;
height: 16px;
background: transparent url(http://www.kathleenkilgourcentre.co.nz/images/style/header_gradient.jpg) center top repeat-x;
box-shadow: none;
}

#headerImageContainer
{

}

.moduleComponentContainerheaderImages
{

}

.moduleComponentheaderImages
{
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 177px;
overlfow: hidden;
background-size: cover !important;
}

.moduleComponentheaderImages
{
float: left;
position: relative;
top: 0;
left: 0;
z-index: 100;
width: 67%;
height: 177px;
overlfow: hidden;

}

.moduleComponentheaderImages .bannerImageContainer img.bannerImage
{
width: auto !important;
height: 100% !important;
}

.moduleComponentheaderImages h2.bannerTitle
{

}

.moduleComponentContainerheaderImages .bannerHtmlContent
{
position : absolute;
top: 0;
right: 0;
width: 33%;
padding: 0 0 0 24%;
height: 177px;
z-index: 200;
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/header_image_cover.png) top left no-repeat;
}


.moduleComponentContainerheaderImages .bannerHtmlContent img
{
position : absolute;
top: 0;
left: 295px;
}

.moduleComponentContainerheaderImages .bannerHtmlContent.bannerHtmlContent15 img
{
top: -17px;
}

.moduleComponentContainerheaderImages .bannerHtmlContent.bannerHtmlContent12 img
{
top: -28px;
}

.moduleComponentContainerheaderImages .bannerHtmlContent.bannerHtmlContent14 img
{
top: 0;
}

.moduleComponentContainerheaderImages .bannerHtmlContent.bannerHtmlContent13 img
{
top: -10px;
}

.moduleComponentContainerheaderImages .bannerHtmlContent.bannerHtmlContent11 img
{
top: -6px;
}



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


#subNavigationContainer
{
float: left;
position: relative;
width: 174px;
}

#subNavigationContainer ul
{
float: left;
position: relative;
margin: 4px 0px 0px 0px;
padding: 0px 15px 0px 0px;
list-style: none;
font-size: ;
}

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

#subNavigationContainer ul li a
{
text-transform: uppercase;
text-decoration: none;
color: #59595b;
}

#subNavigationContainer ul li a:hover,
#subNavigationContainer ul li a.menuSelected
{
color: #9FC54D;
}

#subNavigationContainer ul li span#menuHeader
{
text-transform: uppercase;
color: #9fc54d;
font-size: 24px;
letter-spacing: 1px;
line-height: 24px;
font-weight: 100;
display: block;
margin-top: 20px;
}


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

#pageCallouts
{
float: right;
position: relative;
width: 185px;
padding: 0px 0px 0px 20px;

}

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


.moduleComponentcontentCallouts:first-child
{
margin: 15px 0px 0px 0px;
}

.moduleComponentcontentCallouts
{
margin: 40px 0px 0px 0px;
}

.moduleComponentcontentCallouts h2.bannerTitle
{
margin: 0px;
color: #9FC54D;
font-size: 24px;
font-weight: 100;
letter-spacing: 1px;
text-transform: uppercase;
background: none;
font-family: 'Questrial', 'sans-serif';
}

.moduleComponentcontentCallouts h2.bannerTitle a
{
text-decoration: none;
}

.moduleComponentcontentCallouts .bannerHtmlContent
{

}

.moduleComponentcontentCallouts .bannerHtmlContent p
{
margin: 0px;
}

.moduleComponentcontentCallouts a.bannerLinkMask
{

}


.moduleComponent6
{
float: left;
position: relative;
display: block;
width: 162px;
height: 117px;
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/clinical_trials_callout_bg.jpg) top left no-repeat;
text-decoration: none;
background-size : 100% auto;
color: #fff;
margin: 40px 0px 0px -3px;
}

.moduleComponent6 h2
{
display: none;
}

.moduleComponent6:hover
{
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/clinical_trials_callout_bg_over.jpg) top left no-repeat;
}

.moduleComponentcontentCallouts.moduleComponent6 .bannerHtmlContent p
{
display: inline-block;
font-size: 10px;
line-height: 13px;
display: inline-block;
margin: 70px 30px 0px 15px;
font-weight: bold;
}

a.bannerLinkMask
{
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}



/* ---- New Registrtation ------------------*/

#newRegistrationContainer
{
float: left;
position: relative;
min-width: 550px;
}

a.registerButton
{
margin: 0px 0px 0px 0px ;
}


h1.contentPageTitle span
{
background: #fff;
padding: 0px 20px 0px 0px;
}

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

#progressBar
{
float: left;
position: relative;
width: auto;
background: #fff;
border: 1px solid #666;
margin: 0px 0px 25px 0px;
padding: 0px;
border-radius: 3px;
overflow: hidden;
}

#step1,
#step2,
#step3,
#step4
{
float: left;
position: relative;
width: auto;
padding: 9px 30px;
color: #666;
}

#progressBar .selectedStep
{
background: #9fc54d;
}

#progressBar .selectedStep
{
color: #fff;
}


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


#step1.selectedStep:before,
#step2.selectedStep:before,
#step3.selectedStep:before,
#step4.selectedStep:before
{

bottom: -1px;
right: -21px;
border: solid transparent;
content: " ";
height: 0; width: 0;
position: absolute;
pointer-events: none;

border-bottom: 18px solid rgba(255, 255, 255, 0);
border-top: 18px solid rgba(255, 255, 255, 0);
border-left: 18px solid rgba(159, 197, 77, 1);
margin-left: -18px ;

-webkit-transform: rotate(0.01deg);
-moz-transform: scale(1.1);
-o-transform: rotate(0.01deg); /* Didn't check Opera yet */
transform: rotate(0.01deg);

-moz-transform: scale(.9999);
}


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


#step1.selectedStep:after
{

bottom: -1px;
border: solid transparent;
content: " ";
height: 0; width: 0;
position: absolute;
pointer-events: none;
right: auto;
left: 18px;

border-bottom: 18px solid rgba(255, 255, 255, 0);
border-top: 18px solid rgba(255, 255, 255, 0);
border-left: 18px solid rgba(255, 255, 255, 0);
margin-left: -18px ;

-webkit-transform: rotate(0.01deg);
-moz-transform: scale(1.1);
-o-transform: rotate(0.01deg); /* Didn't check Opera yet */
transform: rotate(0.01deg);

-moz-transform: scale(.9999);
}

#step2.selectedStep:after,
#step3.selectedStep:after,
#step4.selectedStep:after
{

bottom: -1px;
border: solid transparent;
content: " ";
height: 0; width: 0;
position: absolute;
pointer-events: none;
right: auto;
left: 18px;

border-bottom: 18px solid rgba(255, 255, 255, 0);
border-top: 18px solid rgba(255, 255, 255, 0);
border-left: 18px solid rgba(255, 255, 255, 1);
margin-left: -18px ;

-webkit-transform: rotate(0.01deg);
-moz-transform: scale(1.1);
-o-transform: rotate(0.01deg); /* Didn't check Opera yet */
transform: rotate(0.01deg);

-moz-transform: scale(.9999);
}

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

#step1:before,
#step2:before,
#step3:before,
#step4:before
{

bottom: -1px;
right: -21px;
border: solid transparent;
content: " ";
height: 0; width: 0;
position: absolute;
pointer-events: none;
border-bottom: 18px solid rgba(255, 255, 255, 0);
border-top: 18px solid rgba(255, 255, 255, 0);
border-left: 18px solid rgba(50, 50, 50, 1);
margin-left: -18px ;

-webkit-transform: rotate(0.01deg);
-moz-transform: scale(1.1);
-o-transform: rotate(0.01deg); /* Didn't check Opera yet */
transform: rotate(0.01deg);

-moz-transform: scale(.9999);
}

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


#step1:after,
#step2:after,
#step3:after,
#step4:after
{

bottom: -1px;
border: solid transparent;
content: " ";
height: 0; width: 0;
position: absolute;
pointer-events: none;
right: -20px;


border-bottom: 18px solid rgba(255, 255, 255, 0);
border-top: 18px solid rgba(255, 255, 255, 0);
border-left: 18px solid rgba(255, 255, 255, 1);
margin-left: -18px ;

-webkit-transform: rotate(0.01deg);
-moz-transform: scale(1.1);
-o-transform: rotate(0.01deg); /* Didn't check Opera yet */
transform: rotate(0.01deg);

-moz-transform: scale(.9999);
}


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

input#saveButton
{
display: inline-block;
padding: 8px 12px;
color: #969799;
font-size: 12px;
border-radius: 4px;
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #a1abb1;
background: #c9dba2;
background: -moz-linear-gradient(top, #eaeef0 0%, #c4c7c9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeef0), color-stop(100%,#c4c7c9 ));
background: -webkit-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: -o-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: -ms-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: linear-gradient(to bottom, #eaeef0 0%,#c4c7c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef0 ', endColorstr='#c4c7c9 ',GradientType=0 );
}

input#saveButton:hover
{
color: #fff;
background: #c9dba2;
background: -moz-linear-gradient(top, #e8ecee 0%, #4d5052 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8ecee ), color-stop(100%,#4d5052 ));
background: -webkit-linear-gradient(top, #e8ecee 0%,#4d5052 100%);
background: -o-linear-gradient(top, #e8ecee 0%,#4d5052 100%);
background: -ms-linear-gradient(top, #e8ecee 0%,#4d5052 100%);
background: linear-gradient(to bottom, #e8ecee 0%,#4d5052 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ecee ', endColorstr='#4d5052 ',GradientType=0 );
}

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


#surveyTable td.surveyLabelHorizontal
{
vertical-align: top;
padding-top: 12px;
}

#surveyTable table.fgroup label
{
font-weight: normal;
}

#surveyTable label ul
{
margin: 10px 0px 10px 0px;
}

#surveyTable label ul li
{
margin: 2px 0px 2px 18px;
font-weight: normal;
}

#surveyTable label p
{
margin: 10px 0px 10px 25px;
font-weight: normal;
}

#surveyTable label:hover
{
cursor: pointer;
}

#surveyTable label:hover ul li,
#surveyTable label:hover p
{
cursor: pointer;
color: #9fc54d;
}

#surveyTable td .buttonBar,
#surveyTable td .buttonPanel,
.buttonBar,
.buttonPanel {
width: 100%;
    padding: 15px 0 0;
    text-align: left !important;
}

#surveyTable td .buttonBar input,
#surveyTable td .buttonPanel input,
.buttonBar input,
.buttonPanel input {
    float: none;
display: inline-block;
}

td.surveyLabelVertical  span
{
font-weight: bold;
}

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

#surveyDescription
{
float: left;
width: 90%;
margin: 0px 0px 40px 0px;
}

#surveyTable
{
margin: 0px 0px 40px 0px;
}

#surveyDescription #referralInfo p
{
font-weight: normal;
color: #666;
border-bottom: 1px dotted #000;
border-bottom: 1px dotted rgba(0,0,0,0.2);
}

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

#referralInfo p
{

}

select#mf_select_field20
{
margin-left: 10px;
}

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

#referralInfo p.question
{

}

#referralInfo p.question
{
display: block;
float: left;
width: 100%;
margin: 0px ;
padding: 3px 0px;
font-weight: normal;
color: #666;
border-bottom: 1px dotted #000;
border-bottom: 1px dotted rgba(0,0,0,0.2);
}


#referralInfo p.question strong
{
display: inline-block;
max-width: 48%;
float: left;
position: relative;
background: #fff;
padding: 5px 0px 5px 0px;
}


p.question span
{
float: right;
position: relative;
background: #fff;
padding: 5px 0px 5px 2%;
display: inline-block;
max-width: 48%;
text-align: right;
}

p.question span span
{
float: right;
background: #fff;
padding: 0px;
max-width: 100%;
}

span.uploaded_doc
{

}

span.uploaded_doc img.docIcon
{
display: block;
position: absolute;
top: 0px;
left: -28px;
}

span.uploaded_doc a
{

}


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


table#yourReferrals
{
width: 100%;
margin: 40px 0px 60px ;

border: 1px solid #efefef;
border-collapse: collapse;
overflow: hidden;
border-radius: 10px !important;
}

table#yourReferrals th
{
padding: 10px 15px;
color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background: #9fc54d;
border-collapse: collapse;
}

table#yourReferrals td
{
border-collapse: collapse;
padding: 10px 16px;
margin: 0;
}

table#yourReferrals td.del input
{
position: relative;
float: right;
margin: 0px 30px;
}

table#yourReferrals th p,
table#yourReferrals td p
{
margin: 0;
padding: 0;
}

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


table#yourReferrals td a.incomplete.fsub
{
display: inline-block;
padding: 8px 12px;
margin: 0px 0px 0px 0px;
color: #969799;
font-size: 12px;
border-radius: 4px;
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #a1abb1;
background: #c9dba2;
background: -moz-linear-gradient(top, #eaeef0 0%, #c4c7c9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeef0), color-stop(100%,#c4c7c9 ));
background: -webkit-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: -o-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: -ms-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: linear-gradient(to bottom, #eaeef0 0%,#c4c7c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef0 ', endColorstr='#c4c7c9 ',GradientType=0 );
}

table#yourReferrals td a.fsub.incomplete:hover
{
color: #fff;
background: #c9dba2;
background: -moz-linear-gradient(top, #e8ecee 0%, #4d5052 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8ecee ), color-stop(100%,#4d5052 ));
background: -webkit-linear-gradient(top, #e8ecee 0%,#4d5052 100%);
background: -o-linear-gradient(top, #e8ecee 0%,#4d5052 100%);
background: -ms-linear-gradient(top, #e8ecee 0%,#4d5052 100%);
background: linear-gradient(to bottom, #e8ecee 0%,#4d5052 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ecee ', endColorstr='#4d5052 ',GradientType=0 );
}

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

table#surveyTable p
{

}




table#surveyTable input,
table#surveyTable textarea
{
margin: 3px 10px 3px 0px;
}


table#surveyTable td.surveyLabelVertical.left,
table#surveyTable td.surveyValueHorizontal,
table#surveyTable td.surveyLabelHorizontal
{
border-collapse: collapse;
margin: 0;
padding: 0 !important;
}

table#surveyTable td.surveyValueHorizontal.left p,
table#surveyTable td.surveyValueHorizontal.left p
{
line-height: 19px;
}



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

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

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



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

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


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

#emailForm #formTable
{
width: 100%;
background: #fff;
border: 5px solid #fff;
padding: 0px;
margin: 30px 0px 0px 0px;
border-radius: 3px;
}

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

#emailForm td
{
vertical-align: top;
border-bottom: none;
padding: 10px 0px;
}

#emailForm table,
#subscribeForm table,
#surveyTable table,
#alertForm table,
#registrationForm table
{
width: 100%;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

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

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

#emailForm
{
width: 100%;
}

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

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


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

#registrationForm td.labelVertical
{
color: #838384;
}

#emailForm td.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
#surveyTable td.valueHorizontal .fgroup,
#alertForm td.valueHorizontal  .fgroup,
#registrationForm td.valueHorizontal .fgroup
{
font-size: 14px;
margin: 8px 0px 0px -18px;
color: #949494;
}

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

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

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

input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt
{
width: 420px;
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #dddddd;
font-size: 12px;
border-radius: 4px;
margin: 0px 0px 0px 10px;
padding: 8px 10px;
color: #666;
background: #ECEEEE;
background: -moz-linear-gradient(top, #eff1f1 0%, #e7e8e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff1f1 ), color-stop(100%,#e7e8e9 ));
background: -webkit-linear-gradient(top, #eff1f1 0%,#e7e8e9 100%);
background: -o-linear-gradient(top, #eff1f1 0%,#e7e8e9 100%);
background: -ms-linear-gradient(top, #eff1f1 0%,#e7e8e9 100%);
background: linear-gradient(to bottom, #eff1f1 0%,#e7e8e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff1f1 ', endColorstr='#e7e8e9 ',GradientType=0 );
}

/******mail Chimp**********/

#mc-embedded-subscribe-form label
{
color:#838384 !important;
font-family:'Questrial','sans-serif';
}

#mc-embedded-subscribe-form input
{
width: 420px;
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #dddddd!important;
font-size: 12px;
border-radius: 4px;
margin: 0px 0px 0px 0px;
padding: 8px 10px;
lcolor: #666;
background: #ECEEEE;
background: -moz-linear-gradient(top, #eff1f1 0%, #e7e8e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff1f1 ), color-stop(100%,#e7e8e9 ));
background: -webkit-linear-gradient(top, #eff1f1 0%,#e7e8e9 100%);
background: -o-linear-gradient(top, #eff1f1 0%,#e7e8e9 100%);
background: -ms-linear-gradient(top, #eff1f1 0%,#e7e8e9 100%);
background: linear-gradient(to bottom, #eff1f1 0%,#e7e8e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff1f1 ', endColorstr='#e7e8e9 ',GradientType=0 );
}

#mc-embedded-subscribe-form input:hover,
#mc-embedded-subscribe-form input:focus
{
border: 1px solid #9fc54d!important;
}


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


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







select.fsel,select.fseldate
{
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #dddddd;
font-size: 12px;
border-radius: 4px;
margin: ;
padding: 5px 10px;
background: #ECEEEE;
background: -moz-linear-gradient(top, #eff1f1 0%, #e7e8e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff1f1 ), color-stop(100%,#e7e8e9 ));
background: -webkit-linear-gradient(top, #eff1f1 0%,#e7e8e9 100%);
background: -o-linear-gradient(top, #eff1f1 0%,#e7e8e9 100%);
background: -ms-linear-gradient(top, #eff1f1 0%,#e7e8e9 100%);
background: linear-gradient(to bottom, #eff1f1 0%,#e7e8e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff1f1 ', endColorstr='#e7e8e9 ',GradientType=0 );
}

select.fseldate{ width:auto; }

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

#formTable div
{
display: none;
}

#formTable div.buttonPanel
{
display: block;
}

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

.buttonBar input, .buttonBar input.fsub, .buttonPanel input.fsub, input.fsub, .fsub
{

float: right;
display: inline-block;
padding: 8px 12px;
margin: 0px 0px 0px 10px;
color: #fff;
cursor: pointer;
font-size: 12px;
border-radius: 4px;
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #84ac45;
background: #c9dba2;
background: -moz-linear-gradient(top, #c9dba2 0%, #9dc44d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9dba2 ), color-stop(100%,#9dc44d ));
background: -webkit-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: -o-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: -ms-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: linear-gradient(to bottom, #c9dba2 0%,#9dc44d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9dba2 ', endColorstr='#9dc44d ',GradientType=0 );
}


input#mc-embedded-subscribe
{
float: right;
display: inline-block;
padding: 8px 12px;
margin: 0px 20px 0px 0px!important;
color: #fff;
cursor: pointer;
font-size: 12px;
border-radius: 4px;
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #84ac45!important;
background: #c9dba2;
background: -moz-linear-gradient(top, #c9dba2 0%, #9dc44d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9dba2 ), color-stop(100%,#9dc44d ));
background: -webkit-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: -o-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: -ms-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: linear-gradient(to bottom, #c9dba2 0%,#9dc44d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9dba2 ', endColorstr='#9dc44d ',GradientType=0 );
}

input#mc-embedded-subscribe:hover,
.buttonBar input:hover,
.buttonBar input.fsub:hover,
.buttonPanel input.fsub:hover,
input.fsub:hover
{
background: #c9dba2;
background: -moz-linear-gradient(top, #cdd7aa 0%, #669026 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd7aa), color-stop(100%,#669026 ));
background: -webkit-linear-gradient(top, #cdd7aa0%,#669026 100%);
background: -o-linear-gradient(top, #cdd7aa0%,#669026 100%);
background: -ms-linear-gradient(top, #cdd7aa0%,#669026 100%);
background: linear-gradient(to bottom, #cdd7aa0%,#669026 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd7aa', endColorstr='#669026 ',GradientType=0 );
}


.msg
{


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

font-style: italic;
}



.finlinehelp
{
display: none;
}

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



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


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

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

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

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

.moduleItemsListingOurPeople .moduleItemsListingItem
{
float: left;
position: relative;
width: 23%;
margin: 6px;
}


.moduleItemsListingOurPeople .moduleItemsListingItem:hover,
.moduleItemsListingOurPeople .moduleItemsListingItem.selected
{
background: #f2f2f2;
}

.moduleItemsListingOurPeople .moduleItemImage
{
float: left;
position: relative;
margin: 23px 23px 8px 23px;
border: 4px solid #fff;
box-shadow: -2px 3px 4px -1px rgba(0,0,0,0.3);
}

.moduleItemsListingOurPeople .moduleItemImage img.listing
{

}

.moduleItemsListingOurPeople .moduleItemContent
{
float: left;
position: relative;
margin: 0 23px 0px 23px;
}

.moduleItemsListingOurPeople .extraFields
{

}


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

.moduleItemOurPeople
{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #e6e6e6;
margin: 0px 0px 10px 0px;
padding: 0px 0px 34px 0px;
}

.moduleItemOurPeople #moduleItemContent
{
padding: 20px 30px 0px 0px;

}

.moduleItemOurPeople .moduleItemImage
{
float: left;
position: relative;
margin: 0px 35px 8px 25px;
border: 10px solid #fff;
box-shadow: -1px 4px 6px -0px rgba(0,0,0,0.3);
}

.moduleItemOurPeople .moduleItemImage img.main
{

}

.moduleItemOurPeople .extraFields
{
overflow: hidden;
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/tile_short.png) bottom repeat-x;
}

.moduleItemOurPeople .extraFields .field
{

}

.moduleItemOurPeople .extraFields .field p
{

}

.moduleItemOurPeople .extraFields .field p span
{

}



.detailsListingContainer
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 0px -25px;
}


#documentLibraryItems

{
border: 1px solid #E6E6E6;
float: left;
width: 500px;
position: relative;
margin: 20px 0px 0px 0px;
}

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



.documentLibraryItem .title
{
float: left;
position: relative;
width: 285px;
display: inline-block;
padding: 5px;
}

.documentLibraryItem .size
{
float: left;
position: relative;
width: 75px;
padding: 5px;
font-size: 11px;
}

.documentLibraryItem .icon
{
float: left;
position: relative;
width: 100px;
padding: 5px;
font-size: 11px;
}

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

.documentLibraryItem.heading
{
background:#9FC54D;
color: #FFF;
}

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

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

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

.documentLibraryItem .description
{
float: left;

position: relative;
width: 544px;
padding: 0px 0px 0px 20px;
color: #666;
}

/*----------------------- Blog ------------------------------*/

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

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

.moduleItemsListingBlog .moduleItemsListingItem .moduleItemImage{
	position: relative;
	float: right;
	margin: 30px 0px 0 25px ;
}

.moduleItemsListingBlog .moduleItemsListingItem .header .title{
	font-size: 18px;
	line-height : 26px;
	font-weight: bold;
	margin: 5px 0 10px;
	padding: 0;
	text-transform: uppercase;
}

.moduleItemsListingBlog .moduleItemsListingItem .header .date{
	margin: 5px 0 10px;
	color: #666;
}

.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent{
	margin: 5px 0 10px;
}

.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent .readMore{
	text-decoration: none;
	margin: 10px 0 0 0;
}

.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent .readMore a{
	text-decoration: none;
}

.moduleItem.moduleItemBlog .title{
font-size: 18px;
line-height : 26px;
font-weight: bold;
margin: 5px 0 10px;
padding: 0;
text-transform: uppercase;
}

.moduleItem.moduleItemBlog .date{
margin: 5px 0 10px;
color: #666;
font-size: 15px;
line-height: 15px;
}

.moduleItem.moduleItemBlog #moduleItemBack a{
	text-decoration: none;
}
/*-----------------------------------------------------*/

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


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

	body
	{
	min-width: 850px;
	}

	.container
	{
	width: 850px;
	}

	.bgContainer
	{
	width: 850px;
	}

	#header
	{
	width: 100%;
	height: auto;
	background: #fff url(http://www.kathleenkilgourcentre.co.nz/images/style/tile_long.jpg)  center 124px no-repeat;
	}

	#header .container
	{
	width: 850px;
	}

	#header .bgContainer
	{
	width: 850px;
	height: 173px;
	}

	#home #header
	{
	height: 173px;
	}

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

	#content
	{
	width: 100%;
	padding: 15px 0px;
	}

	#content .container
	{
	width: 850px;
	}

	#content .bgContainer
	{
	width: 850px;
	}

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

	#footer {

	border-top: none;
	width: 100%;
	background: #9fc54d;
	color: #fff;
	}

	#footer .container
	{
	width: 850px;
	}

	#footer .bgContainer
	{
	width: 850px;
	}

	#footer .bgContainer p,
	#footer .bgContainer a
	{
	text-align: center;
	margin: 0;
	color: #fff;
	}

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

#navigation ul li
{
padding: 0px;
}

#header #navigation ul li a
{
padding: 0px 5px 15px;
font-size: 12px;

padding: 8px 2px 18px;
margin: 0px 2px;
}

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

#pageEditorContent
{
border-right: none;
padding-right: 0;
width: 650px;
}


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

#pageCallouts
{
float: left;
position: relative;
width: 100%;
padding: 0px 0px 20px 0px;
margin: 25px 0px 0px 0px;
border-top: 1px solid #dddede;
}

.moduleComponentcontentCallouts
{
float: left;
position: relative;
width: 35%;
padding: 0 3% 0 0;
}


.moduleComponentcontentCallouts:first-child
{
margin: 40px 0px 0px 0px;
}


.moduleComponentcontentCallouts h2.bannerTitle
{
margin: 0px 0px 20px ;
}

.moduleComponentcontentCallouts .bannerHtmlContent p
{
margin: 0px 30px 10px 0px;
}

.moduleComponent6
{
float: right;
width: 160px;
background-size : auto 100% ;
margin: 30px -25px 0px -3px;
}

.moduleComponentContainerheaderImages .bannerHtmlContent {
    width: 37%;
}

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



body.noRightCol #pageEditorContent
{
width: 640px;
}

#home #pageEditorContent
{
width: 100%;
padding: 0px 0px 20px;
margin: 0px 0px 0px;
border: none;
}

#home #pageEditorContent h1
{

}

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

#home #pageEditorContent .homeColumns
{
width: 500px;
}



a.clinicalTrialsButton.smallHome:hover
{
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/clinical_trials_callouts_bg_over.jpg) top left no-repeat;
}

a.clinicalTrialsButton.smallHome span
{
font-size: 13px;
display: inline-block;
margin: 143px 0px 0px 28px;
font-weight: normal;
}

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


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

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

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

.moduleItemsListingOurPeople .moduleItemsListingItem
{
float: left;
position: relative;
width: 30%;
margin: 6px;
}


.moduleItemsListingOurPeople .moduleItemsListingItem:hover,
.moduleItemsListingOurPeople .moduleItemsListingItem.selected
{
background: #f2f2f2;
}

.moduleItemsListingOurPeople .moduleItemImage
{
float: left;
position: relative;
margin: 23px 23px 8px 23px;
border: 4px solid #fff;
box-shadow: -2px 3px 4px -1px rgba(0,0,0,0.3);
}

.moduleItemsListingOurPeople .moduleItemImage img.listing
{

}

.moduleItemsListingOurPeople .moduleItemContent
{
float: left;
position: relative;
margin: 0 23px 0px 23px;
}

.moduleItemsListingOurPeople .extraFields
{

}


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

.moduleItemOurPeople
{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #e6e6e6;
margin: 0px 0px 10px 0px;
padding: 0px 0px 34px 0px;
}

.moduleItemOurPeople #moduleItemContent
{
padding: 20px 30px 0px 0px;


}

.moduleItemOurPeople .moduleItemImage
{
float: left;
position: relative;
margin: 0px 35px 8px 25px;
border: 10px solid #fff;
box-shadow: -1px 4px 6px -0px rgba(0,0,0,0.3);
}

.moduleItemOurPeople .moduleItemImage img.main
{

}

.moduleItemOurPeople .extraFields
{
overflow: hidden;
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/tile_short.png) bottom repeat-x;
}

.moduleItemOurPeople .extraFields .field
{

}

.moduleItemOurPeople .extraFields .field p
{

}

.moduleItemOurPeople .extraFields .field p span
{

}



.detailsListingContainer
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 0px -25px;
}


}


/* Other Phones */
@media screen and (max-width: 450px) {


body
{
min-width: 320px;
}

BODY, TABLE
{
font-family: 'Questrial', 'sans-serif';
font-size:16px;
color:#838384 ;
}

body#blank
{
margin: 0;
padding: 0 0 0 4%;
width: 96%;
height: 100%;
font-size: 15px !important;
}


h1,
.h1
{
font-size: 34px;
}

#home .h1,
#home h1
{
font-size: 27px;
}

h1.contentPageTitle
{
margin-top: 0;
}


h2,
.h2
{
font-size: 20px;
}

h3,
.h3
{
font-size: 20px;
}

h4,
.h4
{
font-size: 20px;
}

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

ul li
{
line-height: 23px;
margin: 6px 0px;
}

	.container
	{
	width: 320px;
	}

	.bgContainer
	{
	width: 320px;
	}

	#header
	{
	width: 100%;
	height: auto;
	background: #fff url(http://www.kathleenkilgourcentre.co.nz/images/style/tile_long.jpg)  -1120px 124px no-repeat;
	}

	#header .container
	{
	width: 320px;
	}

	#header .bgContainer
	{
	width: 320px;
	height: 173px;
	}

	#home #header
	{
	height: 173px;
	}

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

	#content
	{
	width: 100%;
	padding: 15px 0px;
	}

	#content .container
	{
	width: 320px;
	}

	#content .bgContainer
	{
	width: 320px;
	}

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

	#footer {
	width: 100%;
	background: #9fc54d;
	color: #fff;
	}

	#footer .container
	{
	width: 320px;
	}

	#footer .bgContainer
	{
	width: 320px;
	}

	#footer .bgContainer p,
	#footer .bgContainer a
	{
	text-align: center;
	margin: 0;
	color: #fff;
	}


#pageEditorContent
{
width: 92%;
margin: 0;
padding: 0 4%;
border: none;

}

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



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


#headerImageContainer
{
float: left;
position: relative;
width: 100%;
height: 177px;
margin: 0 auto;
overflow: hidden;
background: none;
}

#headerImageContainer.noMessage
{
float: left;
position: relative;
width: 100%;
height: 16px;
background: transparent url(http://www.kathleenkilgourcentre.co.nz/images/style/header_gradient.jpg) center top repeat-x;
box-shadow: none;
}

#headerImageContainer
{

}

.moduleComponentContainerheaderImages
{

}

.moduleComponentheaderImages
{
position: relative;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 177px;
overlfow: hidden;
background-size: cover !important;
}

.moduleComponentheaderImages
{
position : relative;
float: left;
top: 0;
left: 0;
width: 65%;
height: 177px;
overlfow: hidden;

}

.moduleComponentheaderImages .bannerImageContainer img.bannerImage
{
width: auto !important;
height: 100% !important;
}

.moduleComponentheaderImages h2.bannerTitle
{

}

.moduleComponentContainerheaderImages .bannerHtmlContent
{
position : relative;
float: left;
top: 0;
left: 0;
width: 35%;
padding: 0 0 0 0%;
margin: 0px 0px 0px -50px;
height: 177px;
z-index: 200;
 background: url("http://www.kathleenkilgourcentre.co.nz/images/style/header_image_cover_no_shadow.png") no-repeat scroll -238px 0px rgba(0, 0, 0, 0);
}


.moduleComponentContainerheaderImages .bannerHtmlContent img
{
position : relative;
float: left;
top: 0;
left: 40px;
}

.moduleComponentContainerheaderImages .bannerHtmlContent.bannerHtmlContent15 img
{
top: -17px;
}

.moduleComponentContainerheaderImages .bannerHtmlContent.bannerHtmlContent12 img
{
top: -28px;
}

.moduleComponentContainerheaderImages .bannerHtmlContent.bannerHtmlContent14 img
{
top: 0;
}

.moduleComponentContainerheaderImages .bannerHtmlContent.bannerHtmlContent13 img
{
top: -10px;
}

.moduleComponentContainerheaderImages .bannerHtmlContent.bannerHtmlContent11 img
{
top: -6px;
}

	/*------------- Fancy responsive mobile menu ----------------------*/

a.logo {
    margin-bottom: -40px;
}

#header #navigation {
    background: #C5C9CB;
    float: right;
    height: auto;
    margin: 55px 0 0;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
    width: auto;
    z-index: 2000;
}

	#navigation {
	border-bottom: 0;
	}
	#header #navigation ul {
	display: none;
	height: auto;
	padding: 0;
	margin: 0;background: #C5C9CB;
	}

	#header #navigation ul li {
width: 100%;
background: #C5C9CB;
	}


	#header #navigation ul li a {
display : block;
width: 100%;
padding: 3px 0px;
font-size: 18px;
border-bottom: none;
border-top: 2px solid #fff;
background: #efefef;
	}

	#navigation a#pull {
	display: block;
	float: right;
padding: 10px 16px;
font-size: 18px;
	margin: 0px 0px 0px 0px;
border: 1px solid #84ac45;
background: #c9dba2;
background: -moz-linear-gradient(top, #c9dba2 0%, #9dc44d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9dba2 ), color-stop(100%,#9dc44d ));
background: -webkit-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: -o-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: -ms-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: linear-gradient(to bottom, #c9dba2 0%,#9dc44d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9dba2 ', endColorstr='#9dc44d ',GradientType=0 );
	width: 96%;
	position: relative;
	border-radius: 5px;
	color: #fff;
font-size: 20px;
	padding: 5px 11px 5px 8px;
	text-decoration: none;
	text-transform: uppercase;
	}
	#navigation a#pull:after {
	content:"";
	background: url('http://www.kathleenkilgourcentre.co.nz/images/style/nav-icon.png') no-repeat;
	background-size: 100% auto;
	width: 15px;
	height: 15px;
	display: inline-block;
	position: absolute;
	right: 6px;
	top: 8px;
	}


#header #navigation a.grandchildSelected,
#header #navigation a.childSelected,
#header #navigation a.menuSelected,
#header #navigation a:hover
{
font-weight: normal;
color: #fff !important;
background: none !important;
}


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


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

#subNavigationContainer ul
{
float: left;
position: relative;
width: 100%;
margin: 4px 0px 0px 0px;
padding: 0px 0px 20px 0px;
list-style: none;
font-size: ;
}

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

#subNavigationContainer ul li a
{
display: block;
padding: 8px 12px;
color: #969799;
font-size: 16px;
border-radius: 4px;
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #a1abb1;
background: #c9dba2;
background: -moz-linear-gradient(top, #eaeef0 0%, #c4c7c9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeef0), color-stop(100%,#c4c7c9 ));
background: -webkit-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: -o-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: -ms-linear-gradient(top, #eaeef0 0%,#c4c7c9 100%);
background: linear-gradient(to bottom, #eaeef0 0%,#c4c7c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef0 ', endColorstr='#c4c7c9 ',GradientType=0 );
}

#subNavigationContainer ul li a.menuSelected
{
display: block;

padding: 8px 12px;
color: #fff;
font-size: 16px;
border-radius: 4px;
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #84ac45;
background: #c9dba2;
background: -moz-linear-gradient(top, #c9dba2 0%, #9dc44d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9dba2 ), color-stop(100%,#9dc44d ));
background: -webkit-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: -o-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: -ms-linear-gradient(top, #c9dba2 0%,#9dc44d 100%);
background: linear-gradient(to bottom, #c9dba2 0%,#9dc44d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9dba2 ', endColorstr='#9dc44d ',GradientType=0 );
}

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

#pageCallouts
{
display: none;

}


p#back-top
{
display: none !important;
}

a.clinicalTrialsButton.smallHome
{
display: none;
}



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

#horizontalCallouts
{
float: left;
position: relative;
width: 100%;
background: #fff;
padding: 15px 0px;
border-bottom: 1px solid #dddede;
}

#horizontalCallouts .container
{

}

#horizontalCallouts .bgContainer
{

}

#horizontalCallouts .moduleComponentContainerhomeCallouts
{
float: left;
position: relative;
width: 100%;
}

#horizontalCallouts .moduleComponenthomeCallouts
{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #9FC54D;
}

#horizontalCallouts .moduleComponenthomeCallouts:last-child
{
border-bottom: none;
}

#horizontalCallouts h2.bannerTitle
{
display: none;
}

#horizontalCallouts .bannerHtmlContent
{
color: #59595b;
padding: 0px 0px 0px 0px;
}

#horizontalCallouts .bannerHtmlContent p
{

}

#horizontalCallouts :nth-child(1) .bannerHtmlContent img
{
margin-bottom:0px;
}

#horizontalCallouts :nth-child(2) .bannerHtmlContent img
{
margin-bottom: -10px;
}


#horizontalCallouts :nth-child(3) .bannerHtmlContent img
{
margin-bottom: 5px;
}

#horizontalCallouts .bannerHtmlContent a.bannerLinkMask
{


}


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

#pageEditorContent
{
float: left;
position: relative;
width: 92%;
margin: 0;
padding: 0 4%;
}


body.noRightCol #pageEditorContent
{
float: left;
position: relative;
width: 92%;
margin: 0;
padding: 0 4%;
border: none;
}

#home #pageEditorContent
{
float: left;
position: relative;
width: 92%;
margin: 0;
padding: 0 4%;

}

#home #pageEditorContent h1
{
float: left;
position: relative;
width: 100%;
}

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

#home #pageEditorContent .homeColumns
{
float: left;
position: relative;
width: 100%;
-webkit-column-gap:0px; /* Chrome, Safari, Opera */
-moz-column-gap:0px; /* Firefox */
column-gap:0px;
-webkit-column-count:1; /* Chrome, Safari, Opera */
-moz-column-count:1; /* Firefox */
column-count:1;
}

#pageEditorContent ul
{
-webkit-column-gap:0px; /* Chrome, Safari, Opera */
-moz-column-gap:0px; /* Firefox */
column-gap:0px;
-webkit-column-count:1; /* Chrome, Safari, Opera */
-moz-column-count:1; /* Firefox */
column-count:1;
}


#pageEditorContent ul#siteMap
{
-webkit-column-gap:0px; /* Chrome, Safari, Opera */
-moz-column-gap:0px; /* Firefox */
column-gap:0px;
-webkit-column-count:1; /* Chrome, Safari, Opera */
-moz-column-count:1; /* Firefox */
column-count:1;
}

#home #pageEditorContent .homeColumns p:first-child
{
margin-top: 0px;
}


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


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

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

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

.moduleItemsListingOurPeople .moduleItemsListingItem
{
float: left;
position: relative;
width: 45%;
margin: 6px;
}


.moduleItemsListingOurPeople .moduleItemsListingItem:hover,
.moduleItemsListingOurPeople .moduleItemsListingItem.selected
{
background: #f2f2f2;
}


.moduleItemsListingOurPeople .moduleItemImage
{
float: left;
position: relative;
margin: 23px 23px 8px 23px;
border: 4px solid #fff;
box-shadow: -2px 3px 4px -1px rgba(0,0,0,0.3);
}

.moduleItemsListingOurPeople .moduleItemImage img.listing
{

}

.moduleItemsListingOurPeople .moduleItemContent
{
float: left;
position: relative;
margin: 0 23px 0px 23px;
}

.moduleItemsListingOurPeople .extraFields
{

}


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

.moduleItemOurPeople
{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #e6e6e6;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}

.moduleItemOurPeople #moduleItemContent
{
padding: 20px 0px 10px 0px;
}

.moduleItemOurPeople .moduleItemImage
{
float: left;
position: relative;
margin:0px;
width: 270px;
border: 10px solid #fff;
margin-bottom: 50px;
box-shadow: -1px 4px 6px -0px rgba(0,0,0,0.3);
}

.moduleItemOurPeople .moduleItemImage img.main
{

}

.moduleItemOurPeople .extraFields
{
float: left;
position: relative;
width: 100%;
overflow: hidden;
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/tile_short.png) bottom repeat-x;
}

.moduleItemOurPeople .extraFields .field
{

}

.moduleItemOurPeople .extraFields .field p
{

}

.moduleItemOurPeople .extraFields .field p span
{

}



.detailsListingContainer
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 0px -25px;
}

td
{
display: block;
width : 100%;
}

#newRegistrationContainer
{
float: left;
position: relative;

min-width: 300px;
}

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

}

}





#home  td
{
  display: block;
 vertical-align :top; 
  width : 100% !important;
  box-sizing: border-box;
  padding: 0 0px 0 0;
}

@media screen and (min-width: 1200px) {
  
  #home  td
{
display: table-cell;
vertical-align :top; 
box-sizing: border-box;
  padding: 0 25px 0 0;
}

  
}
    
a.clinicalTrialsButton.smallHome
{
float: left;
display: block;
width: 319px;
height: 189px;
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/clinical_trials_callouts_bg.jpg) top left no-repeat;
text-decoration: none;

color: #fff;
}

a.clinicalTrialsButton.smallHome:hover
{
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/clinical_trials_callouts_bg_over.jpg) top left no-repeat;
}

a.clinicalTrialsButton.smallHome span
{
font-size: 13px;
display: inline-block;
margin: 143px 0px 0px 28px;
font-weight: normal;
}
    
/* ----------------------*/
    
a.southernCrossButton.smallHome
{
float: left;
display: block;
width: 319px;
height: 189px;
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/southern_cross_callouts_bg.jpg) top left no-repeat;
text-decoration: none;
margin: 0 0 0 0px;
color: #fff;
}

a.southernCrossButton.smallHome:hover
{
background: url(http://www.kathleenkilgourcentre.co.nz/images/style/southern_cross_callouts_bg_over.jpg) top left no-repeat;
}

a.southernCrossButton.smallHome span
{
font-size: 13px;
display: inline-block;
margin: 143px 0px 0px 28px;
font-weight: normal;
}
#copyright
{
    width: 635px;
    text-align:center;
    float: none;
    margin: 0px auto 0px;
}
@media screen and (max-width:650px)
{
    #copyright
    {
        width:100%;
    }
}
#copyright p,
.instagramLink,
.facebookLink
{
    display: inline-block;
    width: auto;
    height: auto;
    float:left;
    position: relative;
}

#copright .instagramLink,
#copright .facebookLink
{
    height: 26px;
    overflow:hidden;
}
.facebookLink:before
{
    
    font-family: "foundation-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
    content: "\f1c4";
    position:relative;
    font-size:30px;
    float:left;
    
    
  
}
.instagramLink:before
{
     font-family: "foundation-icons";
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     text-decoration: inherit;
     content: "\f1cd";
     position:relative;
     font-size:30px;
     float:left;

}
#footer .bgContainer .instagramLink,
#footer .bgContainer .facebookLink
{
    top: 0px;
    margin: 0px 5px 0 0px;
}