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


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

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

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

BODY, TABLE
{
font-family: Arial, Helvetica, sans-serif;

font-size:14px;
color:#818285;
}

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

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

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

h1
{
margin: 0px 0px 15px;
color: #e03c31;
font-size: 26px;
font-family: Arial, Helvetica, sans-serif;
font-weight:300;
text-transform: uppercase;
}

h2
{
margin: 15px 0px;
color: #818285;
font-size: 22px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}

h3
{
margin: 10px 0px;
color: #334048;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}

table h3
{
margin: 0px 0px;
}

h4
{
margin: 8px 0px;
color: #7b8b38;
font-size: 14px;
text-transform: uppercase
font-family: Arial, Helvetica, sans-serif;
}

h5
{
margin: 8px 0px;
color: #65a8c1;
font-size: 14px;
text-transform: uppercase
font-family: Arial, Helvetica, sans-serif;
}

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

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

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

li
{
margin: 3px 0px;
}

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

hr
{
margin: 15px 0px;
border: none;
background: none;
border-bottom: 2px dotted #b5b9bb;
}

a
{
color: #000;
}

a:hover
{
color: #818285;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}


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

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


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

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

body
{
/*background: 100% width tile here */
background: #edecde url(https://www.thehearttrust.org.nz/images/style/body_bg.jpg) top left repeat-x;
}

#wrap
{
position: relative;
z-index: 2;
min-height: 100%;
width: 100%;
/*background: 100% height tile here */
}

#main
{
overflow:visible;
padding-bottom: 224px ; /* must be same height as the footer */
}

#header
{
float: left;
position: relative;
z-index: 50;
width: 960px;
height: 174px;
background:none;
}

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

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

}

#stories #centerCol,
#default #centerCol
{
float: left;
position: relative;
width: 718px;
min-height: 400px;
margin: 0px 0px 0px 0px;
padding:0px;
}

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

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

#footer {
position: relative;
width: 100%;
clear: both;
z-index: 60;
margin: -231px 0px 0px 0px;
height: 231px;
background: #fff;
background: #edecde url(https://www.thehearttrust.org.nz/images/style/footer_bg.jpg) top left repeat-x;
border-bottom:5px solid #E03C32;
overflow:hidden;
}

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

#footer .bgContainer
{
float: left;
position: relative;
width: 960px;
height: 231px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background:#E03C32;
margin: 0px;
}


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


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

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

#header img#tagLine
{
float: left;
position: relative;
margin: 45px 0px 0px 80px;
}

/* Site Search*/

.siteSearchContainer
{

position: relative;
float: right;
top: 13px;
right: 27px;
}

.searchLabel
{
display: none;
}

.siteSearchInput
{
width: 120px;
height: 16px;
font-size: 14px;
padding: 2px 25px 3px 10px;
border:none;
color: #44514b;
text-align: left;
background: #e4e8e6;
border:1px solid #c8c8cb;
}


.siteSearchSubmit
{
position: absolute;
top: 0px;
right: -27px;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}

.siteSearchSubmit:hover
{
top: 0px;
right: -30px;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}


/* Header Navigation */

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

#header #navigation
{
position: absolute;
top: 134px;
left: 69px;
width: 960px;
height: 33px;
margin: 0px;
}

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

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


}

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

#header #navigation ul li a
{
display: block;
width: auto;
text-align: left;
height: 33px;
line-height: 33px;
padding: 0px 10px;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 14px;
position: relative;
color: #ebebde;
text-decoration: none ;
min-width:82px;
-webkit-border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
background: #545e66;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6a747a), to(#545e66));
background: -webkit-linear-gradient(#6a747a, #545e66);
background: -moz-linear-gradient(#6a747a, #545e66);
background: -ms-linear-gradient(#6a747a, #545e66);
background: -o-linear-gradient(#6a747a, #545e66);
background: linear-gradient(#6a747a, #545e66);
-pie-background: linear-gradient(#6a747a, #545e66);
font-weight:bold;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}

#header #navigation ul li a:hover
{
background:#e03c31;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e03c31), to(#cb3832));
background: -webkit-linear-gradient(#e03c31, #cb3832);
background: -moz-linear-gradient(#e03c31, #cb3832);
background: -ms-linear-gradient(#e03c31, #cb3832);
background: -o-linear-gradient(#e03c31, #cb3832);
background: linear-gradient(#e03c31, #cb3832);
-pie-background: linear-gradient(#e03c31, #cb3832);
color: #ebebde;
padding-bottom:9px;
margin-top:-9px;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}



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

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

#header #navigation ul li ul,
#header #navigation ul li ul
{
margin: 0px 0px 0px -2px;
padding: 0px 3px 0px 0px;
list-style: none;
float: none;
position: absolute;
top: 33px;
left: 2px;
width: 180px;
border-bottom:none;

}



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

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

#header #navigation ul li ul.productMenu li a,
#header #navigation ul li ul li a
{
display: block;
width: 130px;
text-align: left;
height: 33px;
line-height: 33px;
padding: 3px 10px 4px 17px;
border-top: none;
margin: 0px 0px 0px 0px;
background:#545e66;
border-bottom:1px solid #ADB2B6;
list-style: none;
float: left;
text-transform: uppercase;
letter-spacing: 0;
font-size: 12px;
position: relative;
color: #FFF;
text-decoration: none ;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}


#header #navigation ul li ul li a:hover
{
padding-bottom:5px;
margin-top:-5px;
padding-left:10px;
margin-right:-10px;
}

#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: 160px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: none;
}

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

#header #navigation ul li ul li ul li a
{
display: block;
width: 210px;
text-align: left;
height: 33px;
line-height: 33px;
padding: 4px 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 ul li ul li ul li a:hover
{
background:#D53A32;
}


#header #navigation a.grandchildSelected,
#header #navigation a.childSelected,
#header #navigation a.menuSelected
{
background:#e03c31;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e03c31), to(#cb3832));
background: -webkit-linear-gradient(#e03c31, #cb3832);
background: -moz-linear-gradient(#e03c31, #cb3832);
background: -ms-linear-gradient(#e03c31, #cb3832);
background: -o-linear-gradient(#e03c31, #cb3832);
background: linear-gradient(#e03c31, #cb3832);
-pie-background: linear-gradient(#e03c31, #cb3832);
color: #ebebde;
padding-bottom:9px;
margin-top:-9px;
}

#header #navigation ul li ul li.level1 a
{
padding-bottom:0px;
margin-top:0px;
}

#header #navigation ul li ul li a.menuSelected 
{
padding-bottom:0px;
margin-top:0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-left:18px;
margin-right:-18px;
}

/******* Home Slides ***********/
#videoLink
{
display: block;
position: absolute;
top: 100px;
left: 100px;
width: 354px;
height: 79px;
z-index: 3000;
}

#videoLink:hover
{
cursor:pointer;
}


#homeSlides
{
float: left;
position: relative;
width: 960px;
height: 347px;
margin: -1px 0px 12px 0px;
background: #000;
}

#homeSlides div
{
position: absolute;
width: 1200px;
width: 960px;
height: 347px
top: 0px;
left: 0px;
}

#homeSlides  h2.bannerTitle
{
display: none;
}

#homeSlides a
{
display: block;
width: 960px;
height: 347px;
}

#homeSlides a img
{

}

#storySlides #homeSlideNav
{
position: absolute;
top: 306px;
right: 20px;
z-index: 3000;
background: none;
}

#storySlides #homeSlideNav a
{
margin: 0px 2px;
display: block;
float: left;
width: 16px;
height: 17px;
background: url(https://www.thehearttrust.org.nz/images/style/progress_icon.png) 0px 0px no-repeat;
}

#storySlides #homeSlideNav a.activeSlide
{
font-weight: bold;
color: #FFF;
background: url(https://www.thehearttrust.org.nz/images/style/progress_icon.png) 0px -17px no-repeat;
}

#videoContainerOuter
{


z-index: 150;
width: 960px;
height: 440px;
cursor: pointer;
}


#videoContainer
{
position: absolute;
z-index: 150;
top:0px;
left: 0px;
width: 960px;
height: 440px;
margin: 0px 0px 0px 0px;
background: transparent;
display: block;
cursor: pointer;
}

#videoContainerImage
{
position: absolute;
z-index: 150;
top:0px;
left: 0px;
width: 960px;
height: 440px;
margin: 0px 0px 0px 0px;
background: transparent;
display: block;
}

#video{
position: absolute;
top: -1px;
left: 0px;

z-index: 4000;
width: 960px;
height: 440px;
background: #000;
display: none;

}


/**************Header Images***********************/

#headerImage
{
float: left;
position: relative;
margin: 15px 0px 30px 0px;
width:718px;
height:235px;
overflow:hidden;
}

.moduleComponentContainerheaderImages .moduleComponent h2
{

display:none;
}

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

#homeCallouts
{
float: left;
position: relative;
margin: 0px 0px 30px 0px;
}

.moduleComponentContainerhomeCallouts
{
float: left;
position: relative;
width:960px;
}


.moduleComponentContainerhomeCallouts .moduleComponent
{
float: left;
position: relative;
width:230px;
background:#FFF;
margin:0px 13px 0px 0px;
min-height:242px;
padding:0px 0px 10px 0px;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}

.moduleComponentContainerhomeCallouts .moduleComponent:hover
{
margin-top:-5px;
padding:0px 0px 15px 0px;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}

.moduleComponentContainerhomeCallouts .moduleComponent20
{
margin:0px 0px 0px 0px;
}



.moduleComponentContainerhomeCallouts .moduleComponent h2
{
margin:20px 0px 5px 20px;
font-size:20px;
font-weight:300;
padding:0px;
}

.moduleComponentContainerhomeCallouts .moduleComponent h2 a
{
color:#e03c31;
text-transform:none;
text-decoration:none;
padding:0px;
 
}

.moduleComponentContainerhomeCallouts .moduleComponent #calloutsLink
{
position:absolute;
bottom:5px;
right:5px;
}


.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContent
{
padding:0px;
margin:0px 0px 0px 20px;
width:170px;
}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContent p
{
font-family:Georgia, "Times New Roman", Times, serif;
padding:0px;
margin:0px 0px 0px 0px;
font-size:13px;
color:#999fa4;
line-height:18px;
}

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


.moduleComponentContainerrightcolCallouts .moduleComponent 
{
float: left;
position: relative;
width:100%;
background:#e03c31;
border:none;
margin:0px 0px 10px -1px;
}

.moduleComponentContainerrightcolCallouts .moduleComponent h2 a
{
display:none;
}

.moduleComponentContainerrightcolCallouts .moduleComponent p
{
color:#FFF;
text-decoration:none;
text-transform:none;
font-size:15px;
font-weight:400;
width:60%;
margin:0px 0px 0px 60px;
line-height:16px;
}

.moduleComponentContainerrightcolCallouts .moduleComponent22 p,
.moduleComponentContainerrightcolCallouts .moduleComponent24 p
{
margin:20px 0px 25px 60px;
}

.moduleComponentContainerrightcolCallouts .moduleComponent23 p
{
margin:0px 0px 14px 60px;
}

.moduleComponentContainerrightcolCallouts .moduleComponent22
{
background:#e03c31 url(https://www.thehearttrust.org.nz/images/style/heartRightCol.png) 8px -1px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}

.moduleComponentContainerrightcolCallouts .moduleComponent22:hover
{
background:#64616A url(https://www.thehearttrust.org.nz/images/style/heartRightCol.png) 8px -1px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}


.moduleComponentContainerrightcolCallouts .moduleComponent23
{
background:#e03c31 url(https://www.thehearttrust.org.nz/images/style/heart2RightCol.png) 8px 0px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}


.moduleItemYourCommunity .moduleComponentContainerrightcolCallouts .moduleComponent23
{
background:#e03c31 url(https://www.thehearttrust.org.nz/images/style/shareStory.png) 8px -1px no-repeat;
height:60px;
}
      
.moduleItemYourCommunity .moduleComponentContainerrightcolCallouts .moduleComponent23:hover
{
background:#64616A url(https://www.thehearttrust.org.nz/images/style/shareStory.png) 8px -1px no-repeat;
height:60px;
}

.moduleComponentContainerrightcolCallouts .moduleComponent23:hover
{
background:#64616A url(https://www.thehearttrust.org.nz/images/style/heart2RightCol.png) 8px 0px no-repeat;
     -webkit-transition: all 500ms linear;





     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}


.moduleComponentContainerrightcolCallouts .moduleComponent24
{
background:#e03c31 url(https://www.thehearttrust.org.nz/images/style/latestNewsRightCol.png) 8px 0px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}

.moduleComponentContainerrightcolCallouts .moduleComponent24:hover
{
background:#64616A url(https://www.thehearttrust.org.nz/images/style/latestNewsRightCol.png) 8px 0px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}

.moduleComponentContainerrightcolCallouts .bannerHtmlContent a.bannerLinkMask
{
position:absolute;
bottom:0px;
right:0px;
width:100%;
height:100%;
background:url(https://www.thehearttrust.org.nz/images/style/arrowWhite.png) 193px 22px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}


.moduleComponentContainerrightcolCallouts .bannerHtmlContent a.bannerLinkMask:hover
{

background:url(https://www.thehearttrust.org.nz/images/style/arrowWhite.png) 196px 22px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}


#moduleItemContent img.communityMap
{
  position:absolute;
  right:0px;
  top:450px;
}
/*------- Latest News Callouts Styles -----------------------------*/

#latestNews
{
width: 388px;
height: 206px;
}

#latestNews.homeBottomCallout h2
{
background: #c0cfa5;
}


#latestNews .content
{
position: relative;
}

#latestNews .moduleComponentlatestNews
{
float: left;
position: relative;
}

#latestNews .moduleComponentlatestNews .title
{
display: none;
}

#latestNews .componentItem
{
float: left;
position: relative;
width: 50%;
margin: 15px 0px 0px 0px;
padding: 0;
font-size: 11px;
}

#latestNews .componentItem img
{
float: left;
position: relative;
margin-right: 10px;
}

#latestNews .componentItem a
{
color: #7b8b38;
}





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

#pageEditorContent
{
float: left;
position: relative;
width: 960px;
padding: 0px;
margin: 0px 0px 0px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#default #pageEditorContent
{
float: left;
position: relative;
width: 480px;
min-height:200px;
padding: 0px;
margin: 0px 0px 30px 0px;
  font-family:Georgia, "Times New Roman", Times, serif;
}

#stories #pageEditorContent
{
float: left;
position: relative;
width: 718px;
min-height:200px;
padding: 0px;
margin: 0px 0px 30px 0px;
  font-family:Georgia, "Times New Roman", Times, serif;
}

#default.noRightCol #pageEditorContent
{
float: left;
position: relative;
width: 715px;
min-height:200px;
padding: 0px;
margin: 0px 0px 30px 0px;
  font-family:Georgia, "Times New Roman", Times, serif;
}

#community #pageEditorContent
{

margin: 15px 0px 0px 0px;
  font-family:Georgia, "Times New Roman", Times, serif;

}

#defaultFullWidth.thank-you #pageEditorContent,
#defaultFullWidth.contact #pageEditorContent
{
width: 478px;
margin:0px 0px 0px 240px;
  font-family:Georgia, "Times New Roman", Times, serif;
}

#default.sitesearch #pageEditorContent
{
width:718px;
margin:0px 0px 30px 0px;
  font-family:Georgia, "Times New Roman", Times, serif;
}


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

#footer ul.virtualModuleMenu
{
  display:none;
}

/* Footer Menu  */

#footerMenuOne,
#footerMenuTwo,
#footerMenuThree,
#footerMenuFour,
#footerMenuFive,
#footerMenuSix
{
float: left;
width: 150px;
margin-top:20px;
}

#footerMenuTwo
{
float: left;
width: 185px;
margin-top:20px;
}

#footerMenuThree
{
float: left;
width: 125px;
margin-top:20px;
  margin-left:20px;
}

#footerMenuThree .moduleComponentyourStories
{
float: left;
position: relative;
width:95%;

overflow:hidden;
}

.moduleComponentyourCommunity
{
float: left;
position: relative;
width:95%;
}

.moduleComponentyourCommunity .title
{
width:100%;
}

.moduleComponentyourStories .title a,
.moduleComponentyourCommunity .title a
{
width:50%;
float: left;
position: relative;
display:inline;
color:#FFF;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:none;
font-size:13px;
margin-bottom:3px;
}

.moduleComponentyourStories .title a
{
width:1000%;

}

/*************stories*********************/
.stories .contentPageTitle,
.stories #leftNavigation
{
display:none;
}

.stories #navBasicLinks
{
position:absolute;
top:43px;
left:-238px;
}

.moduleItemYourStories .title
{
color: #e03c31;
font-family: Arial,Helvetica,sans-serif;
font-size: 26px;
font-weight: 300;
margin: 15px 0 0px;
text-transform: uppercase;
}

#moduleItemBack
{
display: block;
padding: 0px 0px 10px 0px;
background: none;
margin: -2px 0px 0px;
color: #333f48;
font-size: 15px;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom:2px dotted #b5b9bb;

-webkit-transition: all 500ms linear;
-moz-transition: all  500ms linear;
-o-transition: all 500ms linear;
-ms-transition: all 500ms linear;
transition: all 500ms linear;
}

#moduleItemBack a
{

padding: 0px 0px 0px 17px;
background: none;
margin: 0px 0px 0px;
color: #333f48;
font-size: 14px;

text-transform: none;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
  background: url(https://www.thehearttrust.org.nz/images/style/backArrow.png) 0px -16px no-repeat;
overflow:hidden;
}

#moduleItemBack a:hover
{
background: url(https://www.thehearttrust.org.nz/images/style/backArrow.png) 0px 0px no-repeat;
overflow:hidden;
  color:#E03C32;
}
/*************Your Community Details*********************/
#navBasicLinks
{
float: left;
position: relative;
}


#navBasicLinks .header
{
display: block;

width: 179px;
padding: 0px 0px 8px;
background: none;
margin: 0px 0px 12px;
color: #333f48;

font-size: 15px;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom:2px dotted #b5b9bb;

}

#navBasicLinks a
{
display: block;
width: 179px;
padding: 0px 0px 8px;
background: none;
margin: -2px 0px 0px;
color: #333f48;
font-size: 15px;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom:2px dotted #b5b9bb;
background: url(https://www.thehearttrust.org.nz/images/style/greyNavArrow.png) 160px 0px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}























#navBasicLinks a:hover
{
background:none;

color: #e03c31;
background: url(https://www.thehearttrust.org.nz/images/style/redNavArrow.png) 160px 0px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}


#navBasicLinks a.menuSelected
{
background:none;
color: #e03c31;
background: url(https://www.thehearttrust.org.nz/images/style/redNavArrow.png) 161px 0px no-repeat;
}

.moduleItemYourCommunity
{
float: right;
position: relative;
width:716px;
margin-bottom:20px;

}

.moduleItemYourCommunity #moduleItemContent
{
float:left;
width:470px;

}

.moduleItemYourCommunity #rightCol
{
float:right;
margin-top:55px;
}

.moduleItemYourCommunity .moduleItemImage
{
margin-bottom:20px;
  margin-top:3px;
}

.moduleItemYourCommunity #moduleItemContent .title
{
margin: 0px 0px 15px;
color: #e03c31;
font-size: 26px;
font-family: Arial, Helvetica, sans-serif;
font-weight:300;
text-transform: uppercase;
}


.footerCallout p#heading
{

color:#333f48;
font-size:14px;
font-weight:600;
font-family: Arial, Helvetica, sans-serif;
}

#footerMenuFive p#heading
{
margin-top:13px;
line-height:18px;
}

#footerMenuFive p,
#footerMenuSix p
{
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFF;
font-size:12px;
line-height:16px;
}

#footerMenuOne ul,
#footerMenuTwo ul,
#footerMenuThree ul,
#footerMenuFour ul,
#footerMenuFive ul,
#footerMenuSix ul
{
float: left;
position: relative
width: 100%;
color: #FFF;
margin: 12px 0px 15px 20px;
padding: 0;
}

#footerMenuOne ul li,
#footerMenuTwo ul li,
#footerMenuThree ul li,
#footerMenuFour ul li,
#footerMenuFive ul li,
#footerMenuSix ul li
{
width: 150px;
list-style: none;
}

#footerMenuOne ul li a,
#footerMenuTwo ul li a,
#footerMenuThree ul li a,
#footerMenuFour ul li a,
#footerMenuFive ul li a,
#footerMenuSix ul li a
{
color:#333f48;
font-size:14px;
font-weight:600;
text-decoration:none;
}

#footerMenuOne ul li a:hover,
#footerMenuTwo ul li a:hover,
#footerMenuThree ul li a:hover
{

}

#footerMenuOne ul li ul,
#footerMenuTwo ul li ul,
#footerMenuThree ul li ul,
#footerMenuFour ul li ul,
#footerMenuFive ul li ul,
#footerMenuSix ul li ul
{
float: left;
position: relative
width: 100%;
color: #FFF;
margin: 10px 0px 0px 0px;
padding: 0;
}

#footerMenuOne ul li ul li,
#footerMenuTwo ul li ul li,
#footerMenuThree ul li ul li,
#footerMenuFour ul li ul li,
#footerMenuFive ul li ul li,
#footerMenuSix ul li ul li
{
width: 150px;
list-style: none;
margin: 3px 0px;
padding: 0;
}

#footerMenuOne ul li ul li a,
#footerMenuTwo ul li ul li a,
#footerMenuThree ul li ul li a,
#footerMenuFour ul li ul li a,
#footerMenuFive ul li ul li a,
#footerMenuSix ul li ul li a
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color: #FFF;
text-transform:none;
font-weight:300;
}

#footerMenuOne ul li ul li a:hover,
#footerMenuTwo ul li ul li a:hover,
#footerMenuThree ul li ul li a:hover
{

}





#footerMenuSix a

{
float: left;
position: relative;
padding:5px 0px 0px 35px;
font-size:12px;
height:26px;
text-transform:none;
text-decoration:none;
color:#FFF;
font-family:Georgia, "Times New Roman", Times, serif;

background: url(https://www.thehearttrust.org.nz/images/style/facebookIcon.png) top left no-repeat;
}

/* Copyright */

#copyright
{
float: left;
position: relative;
width: 100%;
text-align: center;
color: #1c677b;
margin: 0px 0px 0px 0px;
border-top:2px dotted #FFF;
}

#copyright p
{
font-size:10px;
color: #FFF;
}

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

#breadCrumbs
{
margin:15px 0px 0px 0px;
color:#333f48;
font-size:10px;
}

#breadCrumbs a
{
color:#818285;
text-decoration:none;
}

.order #breadCrumbs,
.donation-details #breadCrumbs
{
display:none;
}



/* Left Column Navigation */

#leftNavigation .virtualModuleMenu
{
display:none;
}


#leftNavigation
{


float: left;
position: relative;
}



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

#leftNavigation ul li

{

}

#leftNavigation ul li a
{



display: block;
width: 179px;
padding: 8px 0px;
background: none;
margin: 0px 0px 0px;
color: #333f48;
font-size: 15px;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom:2px dotted #b5b9bb;
}

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

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

#leftNavigation ul li ul li a
{
display: block;
width: 179px;
padding: 8px 0px;
background: none;
margin: 0px 0px 0px;
color: #333f48;
font-size: 15px;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom:2px dotted #b5b9bb;
background: url(https://www.thehearttrust.org.nz/images/style/greyNavArrow.png) 160px 9px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}

#leftNavigation ul li ul li a:hover
{
background:none;
color: #e03c31;
background: url(https://www.thehearttrust.org.nz/images/style/redNavArrow.png) 160px 9px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}



#leftNavigation ul li ul li a.menuSelected
{
background:none;
color: #e03c31;
background: url(https://www.thehearttrust.org.nz/images/style/redNavArrow.png) 161px 9px no-repeat;
}

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

#twitter
{
float: left;
position: relative;
margin: 10px 0px 20px;
width: 95px;
}

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

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

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






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

#emailForm{
width: 460px;
}

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

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

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

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

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

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

input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt
{
font-family:arial,helvetica,sans-serif;
background: #FFF;
border: 1px solid #ccc;
font-size: 11px;
width:310px;
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#emailForm textarea.fmtxt
{
height:100px;
}

#emailForm textarea.fmtxt
{
height:100px;
}



#emailForm select
{

width:60px;
}

textarea.fmtxt
{
height:200px;
}

#productCartDemographicForm td.valueVertical textarea.fmtxt
{
  height:200px;
  float:right;
  margin-right:50px;
}

#productCartDemographicForm textarea.fmtxt
{
  height:100px;
}

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

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




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

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

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

.buttonBar input, input.fsub
{
background: #E03C32;
border: 1px solid #E03C32;
font-size: 11px;
padding: 4px;
width: 100px;
cursor: pointer;
color:#FFF;
text-transform:uppercase;
transition: all 0.5s ease-in;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


.buttonBar input:hover,
input.fsub:hover
{
transition: all 0.5s ease-in;
border: 1px solid #64616A;
background: #64616A;
color: #FFF;
}

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

.finlinehelp
{
display: none;
}


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

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

.siteSearch
{
width:718px;
float: left;
position: relative;

}

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

.siteSearch input.fsub
{
border: 1px solid #D23931;
font-size: 11px;
margin: 0px 3px 10px;
padding: 2px 6px;
cursor: pointer;
background:#D23931;
color:#FFF;
text-transform:uppercase;
transition: all 0.5s ease-in;  
}


.siteSearch input.fsub:hover
{
border: 1px solid #334048;
background:#334048;
transition: all 0.5s ease-in;  
}


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

padding: 3px 6px;

}

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

#searchResultItems
{
width:718px;
}


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

#searchResultItems .title
{
display:block;
font-weight: bold;
margin: 0px 0px 0px 10px;
padding:0px 0px 5px 0px;
color:#334048;
text-decoration:none;
border-bottom:2px dotted #B5B9BB;
width:700px;
transition: all 0.5s ease-in;  
}

#searchResultItems .title:hover
{
color:#E03C32;
transition: all 0.5s ease-in;  
}

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

.sitesearch #rightCol
{
display:none;
}

/* Social Media Icons */



#socialMediaIcons
{
position: absolute;
top: -25px;
left: -2px;
}

a.twitterIcon
{
display: block;
float: left;
position: relative;
width: 20px;
height: 20px;
margin: 0px 2px;
background: url(https://www.thehearttrust.org.nz/images/icons/icon_pinterest.png) top left no-repeat;
}




a.facebookIcon
{
display: block;
float: left;
position: relative;
width: 20px;
height: 20px;
margin: 0px 2px;
background: url(https://www.thehearttrust.org.nz/images/icons/icon_facebook.png) top left no-repeat;
}

a.pintrestIcon
{
display: block;
float: left;
position: relative;
width: 20px;
height: 20px;
margin: 0px 2px;
background: url(https://www.thehearttrust.org.nz/images/icons/icon_twitter.png) top left no-repeat;
}

#socialMediaIcons a:hover
{
background-position: 0 100%;

}

/***************************************************/
#community #pageSource
{
float: left;
position: relative;
width:400px;
margin:0px 0px 0px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
}


.moduleItemsListingYourCommunity
{
float: left;
position: relative;
width:101%;
min-height:350px;
margin:10px 0px 0px 1px;

}



.moduleItemsListingYourCommunity .moduleItemsListingItem
{
float: left;
position: relative;
width:25%;
margin:0px 0px 15px 0px;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}


.moduleItemsListingYourCommunity .moduleItemsListingItem .header
{
width:210px;
background:#FFF;
color:#333f48;
text-transform:uppercase;
font-size:20px;
padding:12px 0px 10px 20px;
font-family: Arial, Helvetica, sans-serif;
}


.moduleItemsListingYourCommunity .moduleItemContent .readMore
{
position:absolute;
top:110px;
right:30px;
width:25px;
height:25px;
background:url(https://www.thehearttrust.org.nz/images/style/communityArrowRed.jpg) top left no-repeat;
}

.moduleItemsListingYourCommunity .moduleItemContent .readMore a
{
display:block;
width:25px;
height:25px;
background:none;

     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;

     transition: all 500ms linear;
}

.moduleItemsListingYourCommunity .moduleItemContent .readMore:hover
{
right:28px;

     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}



#communitySlides
{
float: right;
position: relative;
width:473px;
height:233px;
margin:0px 2px 0px 0px;
}

#communitySlides .moduleComponentContaineryourCommunitySlides
{
position: absolute;
top: 0px;
left: 0px;
height:233px!important;
width:473px;
overflow:hidden;
}

#communitySlides .moduleComponentContaineryourCommunitySlides h2.bannerTitle
{
display:none;
}

#communitySlides .moduleComponentContaineryourCommunitySlides .bannerHtmlContent
{
position: absolute;
top: 154px;
left: 0px;
width:473px;
height:65px;
background:#FFF;
margin:0px 0px 0px 0px;
}

#communitySlides .moduleComponentContaineryourCommunitySlides .bannerHtmlContent h2
{
font-size:20px;
font-weight:400;
color:#e03c31;
padding:0px;
margin:10px 0px 0px 20px;
}

#communitySlides .moduleComponentContaineryourCommunitySlides .bannerHtmlContent p
{
font-size:14px;
font-weight:400;
color:#999fa4;
padding:0px;
margin:0px 0px 0px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
}

a.prevArrow
{
display: block;
position: absolute;
top: 85px;
left: 0px;
width: 44px;
height: 44px;
z-index: 3000;
background: url(https://www.thehearttrust.org.nz/images/style/prev_arrow.png) top left no-repeat;
}

a.nextArrow
{
display: block;
position: absolute;
top: 85px;
right: 0px;
width: 44px;
height: 44px;
z-index: 3000;
background: url(https://www.thehearttrust.org.nz/images/style/next_arrow.png) top right no-repeat;
}

#storySlides a.prevArrow
{
display: block;
position: absolute;
top: 164px;
left: 0px;
width: 44px;
height: 44px;
z-index: 3000;
background: url(https://www.thehearttrust.org.nz/images/style/prev_arrow.png) top left no-repeat;
}

#storySlides a.nextArrow
{
display: block;
position: absolute;
top: 164px;
right: 0px;
width: 44px;
height: 44px;
z-index: 3000;
background: url(https://www.thehearttrust.org.nz/images/style/next_arrow.png) top right no-repeat;
}


a.nextArrow:hover
{
background-position: top right;
}

a.prevArrow:hover
{
background-position: top left;
}

/*************************/
#storySlides
{
float: left;
position: relative;
width:716px;
height:333px;
margin:15px 2px 30px 0px;
  overflow:hidden;
}

#storySlides .moduleComponentContaineryourStorySlides
{
float: left;
position: relative;
width:716px;
height:333px!important;
overflow:hidden;
overflow:hidden;
}

#storySlides .moduleComponentContaineryourStorySlides h2.bannerTitle
{
display:none;
}

#storySlides .moduleComponentContaineryourStorySlides .bannerHtmlContent
{

position: absolute;
top: 285px;
left: 0px;
min-width:716px;
height:48px;
background:#000;
margin:0px 0px 0px 0px;
background: rgba(0,0,0,0.60);
padding:0px 0px 0px 35px;
background: url(https://www.thehearttrust.org.nz/images/style/story_banner_bg.png) top left no-repeat;
font-family: Arial, Helvetica, sans-serif;
}

#storySlides .moduleComponentContaineryourStorySlides .bannerHtmlContent h2
{
font-size:20px;
font-weight:400;
color:#FFF;
padding:0px;
margin:10px 0px 0px 20px;
}

#storySlides .moduleComponentContaineryourStorySlides .bannerHtmlContent p
{
font-size:14px;
font-weight:400;
color:#FFF;
padding:0px;
margin-top:17px;
}

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



#fullWidthBanners
{
float: left;
position: relative;
width:960px;
height:348px;
margin:-1px 0px 20px 0px;
}

#fullWidthBanners .moduleComponentContainerfullWidthBanners
{

float: left;
position: relative;
width:960px;
height:348px;
}


#fullWidthBanners .moduleComponentContainerfullWidthBanners h2.bannerTitle
{
display:none;
}

#fullWidthBanners .moduleComponentContainerfullWidthBanners .bannerHtmlContent
{
position: absolute;
top: 50px;
right: 50px;
width:273px;
color:#FFF;
font-size:14px
}

#fullWidthBanners .moduleComponentContainerfullWidthBanners .bannerHtmlContent h2
{
text-transform:none;
color:#e03c31;
font-size:24px;
font-weight:400;
border-top:2px dotted #edecde;
border-bottom:2px dotted #edecde;
padding:7px 0px;
margin-bottom:25px;
}


#fullWidthBanners .moduleComponentContainerfullWidthBanners .moduleComponent36 .bannerHtmlContent
{
position: absolute;
top: 100px;
left: 50px;
width:290px;
color:#FFF;
font-size:24px
}

#fullWidthBanners .moduleComponentContainerfullWidthBanners .moduleComponent36 .bannerHtmlContent p
{
border-top:2px dotted #edecde;
border-bottom:2px dotted #edecde;
padding:10px 0px;
line-height:28px;
}

/*****************Way to help*************/

#helpCallouts
{
width:100%;
float: left;
position: relative;
margin:60px 0px 80px 10px;
}

#helpCallouts a
{
float: left;
position: relative;
width:16%;
font-size:20px;
text-transform:uppercase;
text-decoration:none;
padding:110px 0px 0px 0px;
margin:0px 45px 0px 0px;
color:#333f48;
font-family: Arial, Helvetica, sans-serif;

}

#helpCallouts a.helpCalloutFive
{
margin:0px 0px 0px 0px;
}

#helpCallouts a:hover span
{
margin:0px -5px 0px 0px;
transition: all 0.5s ease-in;  
}

#helpCallouts a span
{
float: right;
position: relative;
width:25px;
height:25px;
padding:0px 0px;
background: url(https://www.thehearttrust.org.nz/images/style/right_red_arrow.png) 0px 1px no-repeat;
transition: all 0.5s ease-in;  
}

#helpCallouts a.helpCalloutOne
{
background: url(https://www.thehearttrust.org.nz/images/style/make_a_donation_icon.png) top left no-repeat;
}

#helpCallouts a.helpCalloutTwo
{
background: url(https://www.thehearttrust.org.nz/images/style/donate_in_memory_icon.png) top left no-repeat;
}

#helpCallouts a.helpCalloutThree
{
background: url(https://www.thehearttrust.org.nz/images/style/bequest_icon.png) top left no-repeat;
}

#helpCallouts a.helpCalloutFour
{
background: url(https://www.thehearttrust.org.nz/images/style/lend_support_icon.png) top left no-repeat;
}

#helpCallouts a.helpCalloutFive
{
background: url(https://www.thehearttrust.org.nz/images/style/thank_you_icon.png) top left no-repeat;
}


.moduleComponentContainervideos
{
float: left;
position: relative;
width:720px;
margin:0px 0px 30px 0px;
}


.moduleComponentContainervideos .bannerImageContainer
{

float: left;
position: relative;
width:335px;
margin:0px 20px 20px 0px;
}

.moduleComponentContainervideos .bannerImageContainer .bannerImage
{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.moduleComponentContainervideos .bannerTitle
{
display:none;
}

.moduleComponentContainervideos .bannerImage.play

{
position:absolute;

top:72px;
left:130px;
width:60px;
height:44px;
transition: all 0.5s ease-in;  
  border:none;
}

.moduleComponentContainervideos .bannerImageContainer:hover .play
{
top:69px;
left:125px;
width:68px;
height:50px;
transition: all 0.5s ease-in;  
}

.moduleItemsListingProjects,
.moduleItemsListingLatestNews
{
float: left;
position: relative;
width:468px;
margin-bottom:30px;

}

.moduleItemsListingProjects .moduleItemsListingItem,
.moduleItemsListingLatestNews .moduleItemsListingItem
{
margin:0px 0px 20px 0px;
padding:0px 0px 10px 0px;
border-bottom:2px dotted #B5B9BB;
}

.moduleItemsListingProjects .header,
.moduleItemsListingLatestNews .header
{
color:#334048;
font-size:18px;
margin-bottom:5px;
font-family: Arial, Helvetica, sans-serif;
}


.moduleItemsListingProjects .date,
.moduleItemsListingLatestNews .date
{
font-size:12px;
margin:5px 0px 5px 0px;
}


.readMore
{
margin-top:10px;
width:100%;
}

.readMore a
{
margin-top:5px;
color:#E03C32;
text-decoration:none;
}

.moduleItemProjects,
.moduleItemLatestNews
{
float: left;
position: relative;
margin-bottom:30px;
width:468px;
}

.moduleItemProjects .title,
.moduleItemLatestNews .title
{
color:#334048;
font-size:22px;
margin-bottom:5px;
font-family: Arial, Helvetica, sans-serif;
}

.moduleItemProjects .date,
.moduleItemLatestNews .date
{
font-size:12px;
margin:5px 0px 5px 0px;
color:#334048;
}

.moduleItemProjects #moduleItemBack a,
.moduleItemLatestNews #moduleItemBack a
{
float: left;
position: relative;
color:#E03C32;
text-decoration:none;
width:100%;
}

.achievements #navBasicLinks
{
  display:none;
}


.achievements #navBar
{
float:right; 
width:193px;
margin:-70px 0px 0px 0px;
border:none;
}

.news #navBar,
.latest-news #navBar
{
float:right; 
width:193px;
margin:-52px 0px 0px 0px;
border:none;
}

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

#navBar .navDateLinks,
#navBar .navheaders
{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 2px dotted #b5b9bb;
color: #333f48;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 17px;

margin: 0px 0px 10px;
padding: 8px 0 ;
text-decoration: none;
text-transform: none;
width: 179px;
  font-weight:;
}

#navBar ul li a
{
display: block;
width: 149px;
padding: 8px 30px 8px 0px;
background: none;
margin: 0px 0px 0px;
color: #333f48;
font-size: 15px;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom:2px dotted #b5b9bb;
background: url(https://www.thehearttrust.org.nz/images/style/greyNavArrow.png) 160px 9px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}

#navBar ul li a:hover
{
background:none;
color: #e03c31;
background: url(https://www.thehearttrust.org.nz/images/style/redNavArrow.png) 160px 9px no-repeat;
     -webkit-transition: all 500ms linear;
     -moz-transition: all  500ms linear;
     -o-transition: all 500ms linear;
     -ms-transition: all 500ms linear;
     transition: all 500ms linear;
}

#faqItems
{
float: left;
position: relative;

  width:100%;
}

#faqItems #categoryNavigation
{
display:none;
}

#faqItems .question
{
border-bottom: 2px dotted #b5b9bb;
  padding:0px 0px 10px 0px;
  margin-top:10px;
}

#faqItems .question a
{
color:#334048;
font-size:14px;
text-decoration:none;
}

#faqItems .answer
{
margin-left:15px;
  width:95%;
}


/**************Donations*********************/


.productPath
{
display:none;
}

#productDetail
{
float: left;
position: relative;
width:712px;
}

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


.productDetailDescription #detailImage
{
float: right;
position: relative; 
margin:0px 0px 10px 40px;
}


.productDetailDescription h2
{
margin: 0px 0px 15px;
color: #e03c31;
font-size: 26px;
font-family: Arial, Helvetica, sans-serif;
font-weight:300;
text-transform: uppercase;
}

.productPrices
{
float: left;
position: relative; 

color:#334048;
  font-size:16px;
}

.productPrices input
{
height:18px;

}

#buttonsPanel
{
float: left;



position: relative; 
}

#buttonsPanel a
{
display:block;
margin:0px 0px 0px 10px;
padding:5px 15px 5px 15px;
background:#334048;
color:#ebebde;
text-decoration:none;
font-weight:bold;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#buttonsPanel a:hover
{
background:#D23932;
}


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

.productBackLink
{
position:absolute;
bottom:0px;
padding: 0px 0px 10px 0px;
background: none;
margin: -2px 0px 0px;
color: #333f48;
font-size: 15px;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-bottom:2px dotted #b5b9bb;
width:100%;
-webkit-transition: all 500ms linear;
-moz-transition: all  500ms linear;
-o-transition: all 500ms linear;
-ms-transition: all 500ms linear;
transition: all 500ms linear;
}

.productBackLink a
{

padding: 0px 0px 0px 17px;
background: none;
margin: 0px 0px 0px;
color: #333f48;
font-size: 14px;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
  background: url(https://www.thehearttrust.org.nz/images/style/backArrow.png) 0px -16px no-repeat;

overflow:hidden;
}

.productBackLink a:hover
{
background: url(https://www.thehearttrust.org.nz/images/style/backArrow.png) 0px 0px no-repeat;
overflow:hidden;
color:#E03C32;
}

.updateCartButton,
span#gstNotice,
#accountMethod.header,
#registerForm,
#loginForm,
#progressBar
{
display:none;
}

table#cartItems
{
 border-bottom: 2px dotted #b5b9bb;
width:100%;
}

table#cartItems td
{
padding:0px 0px 15px 0px;
}

td.itemName a
{
text-decoration:none;
padding:0px 15px 0px 15px;
color:#818285;
}

td.itemRemove a
{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
padding:5px 8px;
background:#545e66;
text-decoration:none;
font-weight:bold;
color:#ebebde;
font-size:12px;
}

td.itemRemove a:hover
{
background:#D23932;
}
  
table#productCartUserForm
{
margin-top:20px;
}
    
table#productCartUserForm td
{
padding:0px 0px 2px 0px;
}
    
table#productCartUserForm td.labelHorizontal
{
width:100px;
 font-family:Georgia,"Times New Roman",Times,serif;  
}

table#productCartDemographicForm td.labelHorizontal
{
width:97px;
font-family:Georgia,"Times New Roman",Times,serif;
}
    
table#formbuilderFieldValues td,
#bankLinks a,
table#accountDetails td,  
table#cartItems td,    
table#paymentMethods td,   
table#productCartDemographicForm td.valueHorizontal span,
table#productCartDemographicForm td.labelVertical span,
table#productCartDemographicForm td.valueHorizontal label
{
font-family:Georgia,"Times New Roman",Times,serif;
}
    
table#formbuilderFieldValues td.fblabel
{
display:block;
width:200px;
margin:3px 0px;
}
    
#productPaymentMethodForm
{
border-top: 2px dotted #b5b9bb;
border-bottom: none;
margin:15px 0px 25px; 
padding:15px 0px;
}
    
#paymentAccountDetails
{
margin:15px 0px 10px; 
border-top: 2px dotted #b5b9bb;   
}
    
.continueShoppingButton
{
display:none;
}

.confirmButton
{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding:8px 15px;
background:#545e66;
text-decoration:none;
font-weight:bold;
color:#ebebde;
font-size:12px;

}

.confirmButton:hover
{
background:#E03C32;
color:#ebebde;
}

#productCartForms .header,
#productPaymentMethodForm .header
{
font-weight:600!important;
margin: 10px 0px;
color: #334048;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-transform:none;
}

#details h2
{
font-weight:600!important;
margin: 10px 0px;
color: #334048;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-transform:none;
font-weight:400!important;
}

#formbuilderFieldValues
{
  
}

#cartTotals
{
margin-bottom:50px;
  margin-top:5px;
}


#formbuilderFieldValues td
{
padding:2px 10px 2px 0px;
}

#formbuilderFieldValues td.fblabel
{
width:90px;
padding:0px 10px 0px 0px;
}

#cartTotals
{
 color:#333F48;
}

#cartTotals th
{
width:97px;
}

#cartTotals td
{
padding:0px 0px 0px 0px;
}

.changeOrderButton
{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding:8px 15px;
background:#545e66;
text-decoration:none;
font-weight:bold;
color:#ebebde;
font-size:12px;
margin:0px 10px 0px 0px;    
}

.changeOrderButton:hover
{
background:#E03C32;
color:#ebebde;
}

.confirm
{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding:8px 15px;
background:#545e66;
background:#E03C32;
text-decoration:none;
font-weight:bold;
color:#ebebde;
font-size:12px;
margin:0px 10px 0px 0px;    
}

.confirm:hover
{
background:#545e66;
color:#ebebde;
}

/***************************************************/
.moduleItemsListingThankYou
{
float: right;
position: relative; 
width:98%;
margin:0px 8px 30px 0px; 
background:#FFF;
padding:0px 0px 20px 1px;
}

a.backtoCategories,
.thank-you .modulePath
{
display:none;  
}

.moduleItemsListingThankYou .moduleItemsListingItem
{
float: left;
position: relative; 
width:35%;
padding:0px 0px 0px 46px;
margin-left:10px;
background: url(https://www.thehearttrust.org.nz/images/style/thankyouHeart.png) 10px 15px no-repeat;
border-bottom:2px dotted #b5b9bb;
}

.thank-you #navBar
{
 position:relative;
  float:left;
  width:100%;
}

.thank-you #navBar .navCategoryLinks
{

}

.thank-you #navBar .navCategoryLinks a
{
float:left;
width:42%;
display:inline-block;
text-decoration:none;
text-transform:uppercase;
background:#FFF;
margin:0px 8px 5px 0px;
padding:10px 10px 10px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:400;
color:#333F48;
background: #FFF url("https://www.thehearttrust.org.nz/images/style/communityArrowRed.jpg") no-repeat 185px 9px;
transition: all 0.5s ease-in;  
}

.thank-you #navBar .navCategoryLinks a:hover
{
  color:#e03c31;
background: #FFF url("https://www.thehearttrust.org.nz/images/style/communityArrowRed.jpg") no-repeat 188px 9px;
}
  

.thank-you #navBar .navCategoryLinks a.selected
{
  color:#e03c31;
position:absolute;
 bottom:-5px;
  right:0px;
background: #FFF url("https://www.thehearttrust.org.nz/images/style/communityArrowRedDown.jpg") no-repeat 185px 9px;
padding:10px 10px 15px 20px;

}

.moduleItemsCategoriesThankYou .header .title
{
display:none;
}

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

#bankLinks
{
float:right;
width:40%;
margin:-30px 0px 0px 0px;
padding:0px 0px 10px 20px;
border-left:1px solid #ccc;
}

#bankLinks p
{
display:block;
text-decoration:none;
font-weight:400;
margin:0px 0px 15px 0px;
}

#bankLinks a
{
display:block;
text-decoration:none;
font-weight:400;
font-size:14px;
line-height:20px;  
}

#quickLinks a
{
display:inline;
}

#quickLinks a:hover
{
opacity: 0.8;
}

#quickLinks p
{
display:block;
text-decoration:none;
font-weight:400;
font-size:18px;
line-height:20px;  
}

#objdonate
{
border:none!important; 
background:none!important;
}

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

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


.container
{
margin: 0px auto;
width: 960px;
text-align: left;
overflow:hidden;
}

.bgContainer
{
width: 960px;
float: left;
position: relative;
height: auto;
margin: 0px auto;
}

body
{
/*background: 100% width tile here */
background: #edecde url(https://www.thehearttrust.org.nz/images/style/body_bg.jpg) top left repeat-x;
}

#wrap
{
position: relative;
z-index: 2;
min-height: 100%;
width: 100%;
margin: 0px auto;
}


#main
{

padding-bottom: 224px ; /* must be same height as the footer */
}

#header
{
float: left;
position: relative;
z-index: 50;
width: 960px;
height: 174px;
background:none;

margin: 0px auto;
}

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

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

}

#stories #centerCol,
#default #centerCol
{
float: left;
position: relative;
width: 718px;
min-height: 400px;
margin: 0px 0px 0px 0px;
padding:0px;
}

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

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

#footer {
position: relative;

width:960px;
clear: both;
z-index: 60;
margin: -231px 0px 0px 0px;
height: 231px;
background: #fff;
background: #edecde url(https://www.thehearttrust.org.nz/images/style/footer_bg.jpg) top left repeat-x;
border-bottom:5px solid #E03C32;
}

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

#footer .bgContainer
{
float: left;
position: relative;
width: 960px;
height: 231px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background:#E03C32;
margin: 0px;
}



}

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

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

.container
{
margin: 0px auto;
width: 320px;
}

.bgContainer
{
width: 320px;

height: auto;
}


#wrap
{
position: relative;
z-index: 2;
min-height: 100%;
width: 100%;
}

#main
{
overflow:visible;
padding-bottom: 224px ; /* must be same height as the footer */
}

#header
{
z-index: 50;
width: 320px;
height: 174px;
}

#content
{
width: 320px;
min-height: 400px;
}

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

}

#stories #centerCol,
#default #centerCol
{
float: left;
position: relative;
width: 320px;
min-height: 400px;
margin: 0px 0px 0px 0px;
padding:0px;
}

#leftCol
{
width: 300px;
margin: 0px 0px 30px 10px;
min-height:300px;
}

#rightCol
{
display:none;
}

#footer {
position: relative;
width: 100%;
clear: both;
z-index: 60;
margin: -231px 0px 0px 0px;
height: 760px;
background: #fff;
background: #E03C32;
border-bottom:5px solid #E03C32;
overflow:visible;
}

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

#footer .bgContainer
{

width: 320px;
height: 760px;
padding: 0px 0px 0px 0px;
margin: 0px;
}


h1
{
margin: 0px 0px 15px 0px;
}

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


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

#header img#tagLine
{
float: left;
position: relative;
margin: 15px 0px 0px 10px;
width:90%;
}



/* Site Search*/

.siteSearchContainer
{
display:none;
}

/* Header Navigation */


/* Header Navigation */

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


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

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

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

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

}

#header #navigation ul {
position: absolute;
top: 56px;
right:5px;
width:300px;
background:#334048;
}

#header #navigation li {
display: block;
float: none;
width: 100%;
height: 43px!important;
line-height: 30px;
border:none!important;
border-right:none!important;
}

#header #navigation li a {
display: block;
width: auto;
text-align: left;
height: 43px!important;
line-height: 43px!important;
padding: 0px 10px;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 14px;
position: relative;
color: #ebebde;
text-decoration: none ;
min-width:82px;
background: #545e66;
font-weight:bold;
background:none!important;
}

#header #navigation li a:hover {
background:none!important;
color: #fff !important;
padding-bottom:9px;
margin-top:0px!important;
}

#header #navigation a.grandchildSelected,
#header #navigation a.childSelected,
#header #navigation a.menuSelected
{
margin-top:0px!important;
}

#header #navigation ul li ul {

display:none!important;
}


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





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

#homeSlides
{
display:none;
}

#videoLink
{
display:none;
}


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

.moduleComponentContainerhomeCallouts
{
float: left;
position: relative;
width:320px;
margin-top:20px;
}


.moduleComponentContainerhomeCallouts .moduleComponent
{
float: left;
position: relative;
width:300px;
background:#FFF;
margin:0px 0px 13px 10px;
min-height:242px;
padding:0px 0px 10px 0px;
}

.moduleComponentContainerhomeCallouts .moduleComponent:hover
{
margin-top:0px;
padding:0px 0px 10px 0px;
}


.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContent
{
padding:0px;
margin:0px 0px 0px 20px;
width:270px;
}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerImageContainer img
{
width:300px;
}

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

#pageEditorContent
{
width: 300px;
padding: 0px;
margin: 0px 0px 0px 10px;
}

#default #pageEditorContent
{
width: 300px;
padding: 0px;
margin: 0px 0px 30px 10px;
}

#stories #pageEditorContent
{
width: 300px;
min-height:200px;
padding: 0px;
margin: 0px 0px 30px 10px;
}

#default.noRightCol #pageEditorContent
{
width: 300px;
min-height:200px;
padding: 0px;
margin: 0px 0px 30px 10px;
}

#community #pageEditorContent
{
margin: 15px 0px 0px 0px;
}

#defaultFullWidth.thank-you #pageEditorContent,
#defaultFullWidth.contact #pageEditorContent
{
width: 300px;
margin:0px 0px 0px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#default.sitesearch #pageEditorContent
{
width:300px;
margin:0px 0px 30px 10px;
}


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

#defaultFullWidth.thank-you #pageEditorContent h1
{
line-height:26px;
}

.thank-you #navBar .navCategoryLinks
{
width:300px;
}


.thank-you #navBar .navCategoryLinks a
{
width:270px;
margin:0px 8px 5px 0px;
padding:10px 10px 10px 20px;
background: #FFF url("https://www.thehearttrust.org.nz/images/style/communityArrowRed.jpg") no-repeat 260px 9px;
}

.thank-you #navBar .navCategoryLinks a:hover
{
background: #FFF url("https://www.thehearttrust.org.nz/images/style/communityArrowRed.jpg") no-repeat 260px 9px;
}
  

.thank-you #navBar .navCategoryLinks a.selected
{
background: #FFF url("https://www.thehearttrust.org.nz/images/style/communityArrowRed.jpg") no-repeat 260px 9px;
}

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

/* Footer Menu  */

#footerMenuOne,
#footerMenuTwo,
#footerMenuThree,
#footerMenuFour,
#footerMenuFive,
#footerMenuSix
{
float: left;
width: 300px;
margin:0px 0px 0px 10px;
}

#footerMenuOne
{
float: left;
width: 300px;
margin:20px 0px 0px 10px;
}

#footerMenuTwo
{
float: left;
width: 300px;
margin-top:0px;
}

#footerMenuThree
{
float: left;
width: 300px;
margin-top:0px;
margin-left:0px;
}


#footerMenuThree p#heading
{
margin-left:10px;
}

#footerMenuThree .moduleComponentyourStories
{
float: left;
position: relative;
width: 300px;
overflow:hidden;
margin:0px 0px 0px 10px;
}


#footerMenuOne ul, 
#footerMenuTwo ul, 
#footerMenuThree ul, 
#footerMenuFour ul, 
#footerMenuFive ul, 
#footerMenuSix ul

{
margin:0px 0px 0px 0px;
}



/* Copyright */

#copyright
{
width: 300px;
margin: 0px 0px 0px 10px;
}


#breadCrumbs
{
display:none;
}

#leftNavigation ul li a
{
display: block;
width: 300px;
padding: 8px 0px;
font-size: 18px;
}

#leftNavigation ul li ul li a
{
width: 300px;
font-size:18px;
background: url(https://www.thehearttrust.org.nz/images/style/greyNavArrow.png) 280px 9px no-repeat;
}

#leftNavigation ul li ul li a.menuSelected
{
background: url(https://www.thehearttrust.org.nz/images/style/redNavArrow.png) 280px 9px no-repeat;
}

#leftNavigation ul li ul li a:hover
{
background: url(https://www.thehearttrust.org.nz/images/style/redNavArrow.png) 280px 9px no-repeat;
}

#headerImage
{
display:none;
}


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


.moduleItemsListingProjects,
.moduleItemsListingLatestNews
{
width:300px;
margin-bottom:30px;
margin-left:0px;
}

.moduleItemsListingProjects .date,
.moduleItemsListingLatestNews .date
{
font-size:12px;
margin:5px 0px 5px 0px;
}

.moduleItemProjects,
.moduleItemLatestNews
{
float: left;
position: relative;
margin-bottom:30px;
width:300px;
margin-left:0px;
}

.achievements #navBasicLinks
{
display:none;
}

.achievements #navBar
{
display:none;
}

.news #navBar,
.latest-news #navBar
{
display:none;
}

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

#default.the-trustees table td
{
display:block;
width:300px;
margin-left:0px;
}

#default.the-trustees table td img
{
float:left;
margin:0px!important;
}


/***************************************************/
#community #pageSource
{
width:300px;
margin:0px 0px 0px 10px;
}


.moduleItemsListingYourCommunity
{
width:300px;
min-height:350px;
margin:0px 0px 0px 10px;
}



.moduleItemsListingYourCommunity .moduleItemsListingItem
{
width:280px;
margin:0px 0px 15px 0px;
}




.moduleItemsListingYourCommunity .moduleItemsListingItem .moduleItemImage
{
width:300px;
}

.moduleItemsListingYourCommunity .moduleItemsListingItem .moduleItemImage img
{
width:300px;
height:auto;
}


.moduleItemsListingYourCommunity .moduleItemsListingItem .header
{
width:100%;
}


.moduleItemsListingYourCommunity .moduleItemContent .readMore
{
position:absolute;
top:142px;
right:0px;
width:25px;
height:25px;
background:url(https://www.thehearttrust.org.nz/images/style/communityArrowRed.jpg) top left no-repeat;
}



.moduleItemsListingYourCommunity .moduleItemContent .readMore:hover
{
right:0px;
}



#communitySlides
{
display:none;
}

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

.moduleItemYourCommunity
{
float: left;
position: relative;
width:300px;
margin-bottom:20px;
margin-left:10px;
}


.moduleItemYourCommunity #moduleItemContent
{
width:300px;
}

.moduleItemYourCommunity .moduleItemImage img
{
width:300px;
}

#navBasicLinks
{
padding: 0px 0px 8px;
margin: 0px 0px 12px 10px;
}


#navBasicLinks .header
{
display: block;
width: 300px;
padding: 0px 0px 8px;
margin: 0px 0px 12px;
font-size: 18px;
}

#navBasicLinks a
{
display: block;
width: 300px;
padding: 0px 0px 8px;
background: none;
margin: -2px 0px 0px;
font-size: 18px;
background: url(https://www.thehearttrust.org.nz/images/style/greyNavArrow.png) 270px 0px no-repeat;

}



#navBasicLinks a:hover
{
background: url(https://www.thehearttrust.org.nz/images/style/redNavArrow.png) 270px 0px no-repeat;
}


#navBasicLinks a.menuSelected
{
background: url(https://www.thehearttrust.org.nz/images/style/redNavArrow.png) 271px 0px no-repeat;
}

img.communityMap
{
display:none;
}

.stories #leftCol
{
display:none;
}

#storySlides
{
display:none;
}


.stories #navBasicLinks
{
float: left;
position: relative;
left:-10px;
margin-bottom:40px;
}

.moduleItemYourStories .moduleItemImage
{
display:none;
}



#fullWidthBanners
{
display:none;
}


/*****************Way to help*************/

#helpCallouts
{
width:100%;
margin:60px 0px 80px 10px;
}

#helpCallouts a
{
width:90%;
font-size:20px;
padding:110px 0px 10px 0px;
margin:0px 45px 0px 0px;
}


#helpCallouts a br
{
display:none;
}

#helpCallouts a.helpCalloutFive
{
margin:0px 0px 0px 0px;
}

#helpCallouts a:hover span
{
margin:0px 0px 0px 0px;
}

/**************Donations*********************/


.productPath
{
display:none;
}

#productDetail
{
width:300px;
}


.productPrices
{
color:#334048;
font-size:16px;
}

#productCartForms
{
margin-top:10px;
}

table#productCartUserForm
{
width:300px!important;
}

#productCartDemographics
{
overflow:hidden;
}


table#productCartUserForm td.labelHorizontal
{
display:block;
}


table#productCartUserForm td.valueHorizontal
{
display:block;
width:280px!important;
}



table#productCartUserForm input.ftxt,
table#productCartUserForm input.fmtxt, 
table#productCartUserForm input.fstxt, 
table#productCartUserForm input.fdate, 
table#productCartUserForm textarea.fmtxt
{
width:280px!important;
}

table#productCartDemographicForm input.ftxt,
table#productCartDemographicForm input.fmtxt, 
table#productCartDemographicForm input.fstxt, 
table#productCartDemographicForm input.fdate, 
table#productCartDemographicForm textarea.fmtxt
{
width:280px!important;
}


#productCartDemographics table#productCartDemographicForm
{
width:300px!important;
overflow:hidden;
}

table#productCartDemographicForm td.labelHorizontal
{
display:block;
}

table#productCartDemographicForm td.heading,
table#productCartDemographicForm td.labelVertical,
table#productCartDemographicForm td.valueHorizontal
{
display:block;
width:280px!important;
}


.changeOrderButton
{
padding:8px 6px;
}

.confirm
{
padding:8px 5px;
}


#emailForm
{
width:300px!important;
}

#emailForm input.ftxt,
#emailForm input.fmtxt, 
#emailForm input.fstxt, 
#emailForm input.fdate, 
#emailForm textarea.fmtxt
{
width:280px!important;
}

#emailForm td.heading,
#emailForm td.labelVertical,
#emailForm td.valueHorizontal
{
display:block;
width:280px!important;
}

#emailForm td.labelHorizontal
{
display:block;
width:280px!important;
}

#emailForm .fgroup
{
display:block;
width:280px!important;
}

#quickLinks table td
{
display:block;
margin-bottom:10px;
}

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


.videos #leftCol,
.latest-news #leftCol,
.news #leftCol 
{
min-height: 100px;
}



.moduleComponentContainervideos
{
float: left;
position: relative;
width:300px;
margin:0px 0px 30px 0px;
}


.moduleComponentContainervideos .bannerImageContainer
{

width:300px;
margin:0px 20px 20px 0px;
}


.moduleComponentContainervideos .bannerImageContainer img
{
width:300px;
}


.moduleComponentContainervideos .bannerTitle
{
display:none;
}

.moduleComponentContainervideos .bannerImage.play
{
position:absolute;

top:62px;
left:130px;
width:60px;
height:44px;
}

.moduleComponentContainervideos .bannerImageContainer:hover .play
{
position:absolute;
top:62px;
left:130px;
width:60px;
height:44px;
}




}

/* Logo Pulse */
@keyframes heart-beats {
  0%   { transform: scale(1);}
  7%  { transform: scale(1.2); }
  12%  { transform: scale(1.1); }
  20%  { transform: scale(1.3); }
  60%  { transform: scale(1); }
  100% { transform: scale(0.99); }
}

@-webkit-keyframes heart-beats {
  0%  { -webkit-transform: scale(1); }
  7%  { -webkit-transform: scale(1.2); }
  12% { -webkit-transform: scale(1.1); }
  20% { -webkit-transform: scale(1.3); }
  60% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(0.99); }
}

#homeCallouts .moduleComponent20 .bannerImage{
	-webkit-animation: heart-beats 2s linear infinite;
	animation: heart-beats 2s linear infinite;	
	width: 37%;
    position: absolute;
    top: 12%;
    transform: translateY(-25%);
    left: 30%;
}
.moduleComponent20 .bannerImageContainer{
	background: #c73832;
	text-align: center;
	height: 113px;
	position: relative;
}