﻿


html, body {
    font-size: 13px;
    height:100%;
}

div.PageDesPropTemp label {
    display:inline;
}
.addControls, .addControls * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

h1, .h1 {
    font-size: 30px;
}
h2, .h2 {
    font-size: 22px;
}
.admin-edit .container {max-width:800px;}

h1, h2, h3, h4, h5 {
    color: #717577;
}
a {
    color: #717577;
}
a:hover {
    color:#a7a9ac;
}
.content-page h1 {
    display:inline-block;
    background: #717577;
    color: #fff;
    padding: 20px 35px;
}
.resident-zone .content-page h1 {
    background:#00a9b7;
}
.resident-zone .content-page h2, .resident-zone .content-page h3, .resident-zone .content-page h4, .resident-zone .content-page h5, .resident-zone .hub-page h1 {
    color: #00a9b7;
}
.resident-zone .content-page a {
    color: #00a9b7;
}
.resident-zone .content-page a:hover {
    color:#00a9b7;
}
.resident-zone img{
    border-color:#00a9b7 !important;
}

.community-zone .content-page h1 {
    background:#0098d9;
}
.community-zone .content-page h2, .community-zone .content-page h3, .community-zone .content-page h4, .community-zone .content-page h5, .community-zone .hub-page h1 {
    color:#0098d9;
}
.community-zone .content-page a {
    color: #0098d9;
}
.community-zone .content-page a:hover {
    color:#0098d9;
}
.community-zone img{
    border-color:#0098d9 !important;
}
.retirement-living .content-page h1 {
    background:#ed1556;
}
.retirement-living .content-page h2, .retirement-living .content-page h3, .retirement-living .content-page h4, .retirement-living .content-page h5 {
    color:#ed1556;
}
.retirement-living .content-page a {
    color: #ed1556;
}
.retirement-living .content-page a:hover {
    color:#ed1556;
}
.retirement-living img{
    border-color:#ed1556 !important;
}




.container
{
    max-width:1250px;
    position:relative;
}
.content-wrapper
{
    min-height:900px;
    position:relative;
    overflow:hidden;
}
.content-container
{
    position:relative;
    z-index:2;
}
.first-container {
    padding-top:70px;
    padding-bottom:30px;
}
.nopad{ padding:0; }

.large-banner{ text-align:center; width:100%; height:460px; position:absolute; background:url(images/shim.png) repeat; z-index: -5; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-width:none; height:460px; }
.offset-caption {/* padding: 0px; *//* z-index: 1000; */text-align: center;width: 100%;/* height: 460px !important; *//* position: absolute; */left: 288px;}
/* Responsive Layout - size specific styles */
/* XS */
@media (max-width: 768px) {
  
}
/* SM */
@media (min-width: 768px) {
    .large-banner{ text-align:center; width:100%; height:300px !important; position:absolute; left: 0;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-width:none; max-height:300px !important; width:100%;}
.offset-caption {/* padding: 0px; *//* z-index: 1000; */text-align: center;width: 100%;/* height: 460px !important; *//* position: absolute; */left: 0;}
#carousel-container .carousel-controls{ bottom: 25px; display: block; height: 31px; left: 50%;position: absolute;right: 0;text-align: center;width: 25%;bottom: 15px;}
}
/* MD */
@media (min-width: 992px) {
  .large-banner{ text-align:center; width:100%; height:460px !important; position:absolute; left: 0;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-width:none; max-height:460px !important; width:100%;}
.offset-caption {/* padding: 0px; *//* z-index: 1000; */text-align: center;width: 100%;/* height: 460px !important; *//* position: absolute; */left: 0;}
#carousel-container .carousel-controls{ bottom: 25px; display: block; height: 31px; left: 50%;position: absolute;right: 0;text-align: center;width: 25%;bottom: 15px;}
}
/* LG */
@media (min-width: 1200px) {
  .large-banner{ text-align:center; width:100%; height:460px !important; position:absolute; left: 0; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-width:none; max-height:460px !important; width:100%;}
.offset-caption {/* padding: 0px; *//* z-index: 1000; */text-align: center;width: 100%;/* height: 460px !important; *//* position: absolute; */left: 0;}
#carousel-container .carousel-controls{ bottom: 25px; display: block; height: 31px; left: 50%;position: absolute;right: 0;text-align: center;width: 25%;bottom: 15px;}
}
.admin-edit .large-banner {
left: 0px;
}
.admin-edit .offset-caption {
/*width: 620px;*/
left: 0;
}

/* Navigation */
.menu-container
{
    position:absolute;
    margin:0 auto;
    left:0;
    right:0;
    height:100%;
    margin:0;
    padding-left:0;
}
.navbar-header
{
    width:100%;
    height:70px;
    text-align:center;
    margin-bottom:20px;
}
.navbar-brand, .navbar-brand:hover
{
    width:100%;
    text-align:center;
    color:#717577;
    padding:20px 5px;
    
}
    .navbar-brand img
    {
        margin-bottom:5px;
    }
    .navbar-brand span
    {
        font-size:0.88em;
    }
.yhgnav
{
    min-height:990px;
    height:9999px;
    margin-bottom:0;
    border-radius:0;
    text-align:left;
    background:#fff;
    border-left:solid #eacd0d 1px;
    border-right:solid #eacd0d 1px;
}
    .yhgnav a
    {
        z-index:10;
        position:relative;
    }
    .yhgnav .navbar-collapse
    {
        padding:0;
    }
    .yhgnav .navbar-nav
    {
        width:100%;
    }

    .yhgnav .navbar-nav li
    {
        width:100%;
        position:inherit;
        padding:5px 10px;
        outline:none;
    }
    .yhgnav .navbar-collapse
    {
        max-height:none;
    }
    .menu-icon{ padding:0 !important; z-index:20 !important; position:relative; }
    .yhgnav .navbar-nav > li > .menu-link
    {
        min-height:30px;
        line-height:normal;
        margin-top:6px;
        padding:5px 0;
        padding-left:10px;
        color:#717577;
        white-space:nowrap;
        background:url(images/arrow.png) right center no-repeat;
        margin-left:10px;
        outline:none !important;
    }
    .yhgnav .navbar-nav > li.active > .menu-link, .yhgnav .navbar-nav > li.active-select > .menu-link
    {
        background:url(images/arrow-active.png) right center no-repeat #717577;
        border-radius:20px;
        color:#fff;
        line-height: 20px;
    }
    .yhgnav .navbar-nav > li.active > .resident, .yhgnav .navbar-nav > li.active-select > .resident{ background:url(images/arrow-active.png) right center no-repeat #00a9b7; }
    .yhgnav .navbar-nav > li.active > .retirement, .yhgnav .navbar-nav > li.active-select > .retirement{ background:url(images/arrow-active.png) right center no-repeat #ed1556; }
    .yhgnav .navbar-nav > li.active > .community, .yhgnav .navbar-nav > li.active-select > .community{ background:url(images/arrow-active.png) right center no-repeat #0098d9; }
    .yhgnav .navbar-nav > li.active > .events, .yhgnav .navbar-nav > li.active-select > .events{ background:url(images/arrow-active.png) right center no-repeat #a7a9ac; }
    .yhgnav .follow-us
    {
        color:#717577;
        text-align:center;
        margin-top:15px;
    }
        .yhgnav .follow-us .nav-title
        {
            font-size:1.3em;
            font-weight:bold;
            
        }
        .yhgnav .follow-us .icon
        {
            margin:10px;
        }

    .yhgnav .navbar-nav > li > a:hover {
        background:url(images/arrow.png) right center no-repeat;
    }
.yhgnav .menu-popout
{
    width:525px;
    display:none;
    height:9999px;
    background:#fff;
    position:absolute;
    top:0;
    left:100%;
    margin-left:1px;
    z-index:20;
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    transition: width 0.5s;
    -webkit-box-shadow: 5px 0px 5px -2px #888;
    box-shadow: 5px 0px 5px -2px #888;
    font-size:0.9em;
}
    /*.yhgnav .navbar-nav li:hover .menu-popout
    {
        display:block;
    }*/
    
.nav-home { background: url(images/home.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-home { background-position: 0 40px;  }
.active-select .nav-home { background-position: 0 40px;  }
.nav-about-us { background: url(images/about-us.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-about-us { background-position: 0 40px;  }
.active-select .nav-about-us { background-position: 0 40px;  }
.nav-resident-zone { background: url(images/resident-zone.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-resident-zone{background-position: 0 40px;}
.active-select .nav-resident-zone{background-position: 0 40px;}
.nav-community-zone { background: url(images/community-zone.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-community-zone{background-position: 0 40px;}
.active-select .nav-community-zone{background-position: 0 40px;}
.nav-find-home { background: url(images/find-a-home.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-find-home{ background-position: 0 40px; }
.active-select .nav-find-home{ background-position: 0 40px; }
.nav-retirement-living { background: url(images/retirement-living.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-retirement-living{ background-position: 0 40px; }
.active-select .nav-retirement-living{ background-position: 0 40px; }
.nav-help-advice { background: url(images/help-and-advice.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-help-advice{ background-position: 0 40px; }
.active-select .nav-help-advice{ background-position: 0 40px; }
.nav-news-events { background: url(images/news-and-events.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-news-events{background-position: 0 40px;}
.active-select .nav-news-events{background-position: 0 40px;}
.nav-get-in-touch { background: url(images/get-in-touch.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-get-in-touch{background-position: 0 40px;}
.active-select .nav-get-in-touch{background-position: 0 40px;}
.nav-jobs { background: url(images/jobs.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-jobs{background-position: 0 40px;}
.active-select .nav-jobs{background-position: 0 40px;}
.nav-documents-brochure{ background: url(images/download-brochure.png); height:40px !important; display:block; overflow:hidden; }
.active .nav-documents-brochure{background-position: 0 40px;}
.active-select .nav-documents-brochure{background-position: 0 40px;}
.nav-inspired { background: url(images/inspired.png); height: 40px !important; display:block; overflow:hidden; }
.active .nav-inspired{background-position: 0 40px;}
.active-select .nav-inspired{background-position: 0 40px;}

[class^="nav-"], i[class*=" nav-"] { display: inline; position: static; min-width: 40px; margin: 0 5px; text-align: center; }
.yhgnav .navbar-nav li i{float:left;}
/* Footer */
footer
{
    padding:15px 0 0 0;
    color:#717577;
    -webkit-box-shadow: 0 15px 20px 7px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 15px 20px 7px rgba(0,0,0,0.8);
    box-shadow: 0 15px 20px 7px rgba(0,0,0,0.8);
    position:relative;
    z-index:5;
    background:#fff;
}
    footer .address
    {
        text-align:right;
        padding-bottom:15px;
    }
        footer .address p
        {
            margin-bottom:5px;
        }
        footer .address .foot-logo
        {
            margin-left:10px;
        }
        footer .address .details
        {
            padding-top:15px;
            padding-right: 20px;
        }
    footer .social
    {
        padding:8px 0 15px;
    }
        footer .social .icon
        {
            margin:5px;
        }
    footer .credits
    {
        background:#a7a9ac;
        color:#717577;
        font-size:0.8em;
        font-weight:bold;
    }
        footer .credits p
        {
            margin-top:10px;
        }

/* Top mini nav */
.nav-container {
    position: relative;
    z-index: 5;
}
.mini-nav{
    position: absolute;
    top: 0;
    right: 0;
}
.admin-edit .mini-nav
{
    display:none;
}

a.mini-nav-link, .text-resize {
    background:#a7a9ac;
    color: #fff;
    display:block;
    height:35px;
    line-height:35px;
    width:100%;
    text-align:center;
    border-left: 2px solid #e9e9e9;
    border-right: 1px solid #717577;
    font-size:1.1em;
}
a.mini-nav-link:hover, .text-resize a:hover {
    color: #fff;
    text-decoration: none;
}

.text-resize a {
    color: #fff;
    font-size: 2.2em;
    padding: 0 5px;
}
.text-resize .text-small {
    font-size:1em;
}
.text-resize .text-medium {
    font-size:1.5em;
}
.text-resize .text-large {
    font-size:2em;
}

.sf_searchBox label {
    display: none;
}

.sb-search {
    position: relative;
    width: 0%;
    min-width: 35px;
    height: 35px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background:#a7a9ac;
}

.sf_searchText {
	position: absolute;
    top: 0;
    right: 0;
    border: none;
    border: 3px solid #a7a9ac;
    outline: none;
    background: #fff;
    width: 100%;
    height: 35px;
    margin: 0;
    z-index: 10;
    padding: 5px 65px 5px 20px;
    font-family: inherit;
    font-size: 18px;
    color: #2c3e50;
}

.sf_searchText::-webkit-input-placeholder {
	color: #717577;
}

.sf_searchText:-moz-placeholder {
	color: #717577;
}

.sf_searchText::-moz-placeholder {
	color: #717577;
}

.sf_searchText:-ms-input-placeholder {
	color: #717577;
}

.sb-icon-search,
.sf_searchSubmit  {
	width: 35px;
	height: 35px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
}

.sf_searchSubmit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #a7a9ac;
	z-index: 90;
	font-size: 20px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 85%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #FAD500;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sf_searchSubmit,
.no-js .sb-search .sf_searchSubmit {
	z-index: 90;
}

.breadcrumb-container
{
    position:relative;
    z-index:5;
}

#breadcrumbs {
    position: absolute;
    margin-top: 40px;
    padding: 5px 15px;
    background: #ededed;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    display: inline-block;
}

/* Homepage */
.home .content-top{ text-align:center; padding:30px 0; }
.content-top
{
    background:url(images/home-bg.jpg) repeat-x;
    background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #ededed 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #ededed 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%);
    -webkit-box-shadow: 0 1px 10px -4px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 1px 10px -4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 10px -4px rgba(0, 0, 0, 0.8);
}
.faded-background .content-wrapper {
    background: #ededed;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ededed',GradientType=0 );
}

.home-lead, .home-lead .lead
{
    font-size:0.9em;
    color:#7a7a7a;
    padding-bottom:20px;
    border-bottom:solid #c7c7c7 1px;
    margin-bottom:0;
}
.home-lead .page-title, .home-lead h1
{
    color:#717577;
    font-size:2em;
    margin-top:0;
    font-weight: 800;
}

.content-top .lower{ border-top:solid #fff 1px; }

.services
{
    padding-top:20px;
    text-align:center;
}
    .services h2
    {
        color:#717577;
        font-size:1.5em;
        margin-top:0;
        margin-bottom:15px;
    }
    .services a
    {
        color:#717577;
        text-decoration:none;

    }
.services .signpost
{
    vertical-align:top;
    margin-bottom: 10px;
}
.services .signpost img{ margin-bottom:10px; }
.news-row{ margin-left:-5px; margin-right:5px; }
.hpcommunitynews{ padding-top:30px; }
.hpcommunitynews .large-news-item{ margin-bottom:10px; padding:0 5px; }
.hpcommunitynews .large-news-item .info{ background:#717577; color:#fff; height:180px; position:relative; }
.hpcommunitynews .large-news-item .info .date{ font-size:0.9em; text-align:center; width:100%; display:block; padding:4px 0; border-bottom:solid #fff 1px; font-style:italic; }
.hpcommunitynews .large-news-item .info .info-inner{ padding:0 10px; }
.hpcommunitynews .large-news-item .info .info-inner a{ color:#fff; text-decoration:none; }
.hpcommunitynews .large-news-item .info .info-inner .item-readmore{ position:absolute; bottom:10px; background:#eacd0d; color:#717577; border-radius:2px; padding:3px 10px; font-size:0.9em; }
.hpcommunitynews .large-news-item .pic{ background:#eee; height:180px; }

.hpcommunitynews .small-news-item{ margin-bottom:10px; padding:0 5px; }
.hpcommunitynews .small-news-item .info{ 
    background: #a7a9ac;
    color: #fff;
    height: 180px;
    position: relative;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #ededed;
}
.hpcommunitynews .small-news-item .info .date{ font-size:0.9em; text-align:center; width:100%; display:block; padding:4px 0; border-bottom:solid #fff 1px; font-style:italic; }
.hpcommunitynews .small-news-item .info .info-inner{ padding:0 10px; }
.hpcommunitynews .small-news-item .info .info-inner a{ color:#fff; text-decoration:none; }
.hpcommunitynews .small-news-item .info .info-inner .item-readmore{ position:absolute; bottom:10px; background:#eacd0d; color:#717577; border-radius:2px; padding:3px 10px; font-size:0.9em; }

.hpcommunitynews .small-news-item .news-readmore{ font-size:0.9em; color:#fff; text-decoration:none; display:block; padding:10px; height:100%; }

.hpcommunitynews .image-news{ width:100%; height:180px; }

#twitter .hpcommunitynews .large-news-item .info{ background:#eee; color:#999; height:180px; position:relative; }
#twitter .hpcommunitynews .large-news-item .info .date{ font-size:0.9em; text-align:center; width:100%; display:block; padding:4px 0; border-bottom:solid #fff 1px; font-style:italic; }
#twitter .hpcommunitynews .large-news-item .info .info-inner .item-readmore{ position:absolute; bottom:10px; background:#eacd0d; color:#717577; border-radius:2px; padding:3px 10px; font-size:0.9em; }
.hpcommunitynews .small-news-item .twitter{ 
    background: #eee;
    color: #999;
    height: 180px;
    position: relative;
    border-left: none;
    border-bottom: none;
    cursor:pointer;
}
.hpcommunitynews .small-news-item .twitter-more{ 
    background: #28aae1;
    color: #fff;
}
.hpcommunitynews .small-news-item .twitter .date{ font-size:0.9em; color:#000; text-align:left; width:100%; display:block; padding:4px 10px; font-style:italic; position:absolute; bottom:0; left:0; border-bottom:none !important; background:url(/images/responsive/tweet-icon.png) 92% center no-repeat; }
.hpcommunitynews .small-news-item .twitter .info-inner{ padding-top:10px; }
.hpcommunitynews .small-news-item .twitter .info-inner p{ word-wrap:break-word; }
.hpcommunitynews .small-news-item .twitter .info-inner .item-readmore{ position:absolute; bottom:10px; background:#eacd0d; color:#717577; border-radius:2px; padding:3px 10px; font-size:0.9em; }

.hpcommunitynews .large-news-item .facebook{ 
    background: #eee;
    color: #999;
    height: 180px;
    position: relative;
    border-left: none;
    border-bottom: none;
    position:relative;
}
.hpcommunitynews .small-news-item .facebook{ 
    background: #eee;
    color: #999;
    height: 180px;
    position: relative;
    border-left: none;
    border-bottom: none;
    position:relative;
}
.hpcommunitynews .small-news-item .facebook-more{ 
    background: #3b5b99;
    color: #fff;
}
.hpcommunitynews .small-news-item .facebook .date, .hpcommunitynews .large-news-item .facebook .date{ font-size:0.9em; color:#999; text-align:center; width:100%; display:block; padding:4px 0; font-style:italic; }
.hpcommunitynews .large-news-item .facebook .info-inner{ padding-top:10px; }
.hpcommunitynews .large-news-item .facebook .info-inner p{ word-wrap:break-word; }
.hpcommunitynews .small-news-item .facebook .info-inner .item-readmore, .hpcommunitynews .large-news-item .facebook .info-inner .item-readmore{ position:absolute; bottom:10px; background:#3b5b99; color:#fff; border-radius:2px; padding:3px 10px; font-size:0.9em; }
.hpcommunitynews .large-news-item .facebook .icon{ position:absolute; bottom:10px; right:10px; }

.hpcommunitynews .small-news-item .news-item, .hpcommunitynews .large-news-item .news-item{ 
    background: #4184C8;
    color: #fff;
    height: 180px;
    position: relative;
    border-left: none;
    border-bottom: none;
}
.hpcommunitynews .small-news-item .event-item, .hpcommunitynews .large-news-item .event-item{ 
    background: #C10303;
    color: #fff;
    height: 180px;
    position: relative;
    border-left: none;
    border-bottom: none;
}
.social-hub{ overflow:hidden; margin:30px 0;  }
.social-hub .nav-tabs{ background:#eee; height:30px; }
.social-hub .nav-tabs li a{ font-weight:bold; padding:5px 15px; outline:none !important; }
.social-hub .nav-tabs li.active{ padding-bottom:11px; background:url(/images/Responsive/active-tab.png) bottom center no-repeat; }
.social-hub .nav-tabs li.active a{ background:#eacd0d; color:#717577;  }
.social-hub .btnPrevious{ position:absolute; left:0; cursor:pointer; margin-left:-30px; top:50%; }
.social-hub .btnNext{ position:absolute; right:0; cursor:pointer; margin-right:-20px; top:50%; }

/* Content template */

.content-top .first-container h1 {
    padding: 10px 0;
    border-bottom: 1px solid #999;
}

.content-main-column {
    /*border-right: 1px solid #717577;*/
    position:relative;
}

.resident-zone .content-main-column {
    border-color:#4184C8;
}
.community-zone .content-main-column {
    border-color:#c10303;
}
.retirement-living .content-main-column {
    border-color:#B84A7E;
}

.content-right-column {
    padding: 0 0 0 5px;
}

#carousel-container .carousel-control
{
    z-index:16;
    opacity:1;
    background:none;
    filter:none;
}
.carousel-indicators { bottom:-5px; left:0;}
.carousel-indicators li{ background:#eacd0d; border:solid #eacd0d 1px; }
#carousel-container .carousel-control:hover{ background:none; }


.carousel-caption{ left:0 !important; right:inherit; bottom:0px; border-top:solid 5px #eacd0d; background: url(images/menu-bg.png); background: rgba(255,255,255,0.85); padding:10px 20px; text-align:left; color:#000; text-shadow:none; width:100%;}
.ie8 .carousel-caption, .ie7 .carousel-caption { width: 300px;}
.carousel-caption h2{ margin-top:0; color:#717577; text-shadow:none; font-size:1.4em; font-weight:bold; margin-bottom:5px; }
.carousel-caption .findout-more-btn{ background:#eacd0d; color:#717577; border-radius:2px; padding:3px 10px; }
/* YHGMenu skin styles */

.RadMenu_YHGMenu{}
.RadMenu_YHGMenu .rmItem{ width:100%; white-space:normal; padding:5px !important; }
.RadMenu_YHGMenu .rmItem .rmLink{ color:#717577; font-weight:bold; cursor:pointer; width:100%; font-size:1.2em; }

.itmResidentZone .RadMenu_YHGMenu .rmItem .rmLink{ color:#00a9b7; }
.itmRetirementLiving .RadMenu_YHGMenu .rmItem .rmLink{ color:#ed1556; }
.itmCommunityZone .RadMenu_YHGMenu .rmItem .rmLink{ color:#0098d9; }
.itmNewsEvents .RadMenu_YHGMenu .rmItem .rmLink{ color:#a7a9ac; }

.RadMenu_YHGMenu .rmItem .rmSlide{ display:block; position:relative; width:100%; }

.RadMenu_YHGMenu .rmLevel1{ display:block; width:100%; }
.RadMenu_YHGMenu .rmLevel1 .rmItem{ float:left; width:100%; }
.RadMenu_YHGMenu .rmLevel1 .rmLink{ color:#717577; font-weight:bold; cursor:pointer; width:100%; font-size:1.15em; }

.RadMenu_YHGMenu .rmLevel2 { width:100%; }
.RadMenu_YHGMenu .rmLevel2 .rmItem{ float:left; width:49%; clear:none !important; }
.RadMenu_YHGMenu .rmLevel2 .rmLink{ color:#636363 !important; cursor:pointer; width:100%; font-size:1em; color:#636363; white-space:nowrap; font-weight:normal; font-size:1em; }
.RadMenu_YHGMenu .rmLevel2 .rmText{ padding: 0 0 0 10px !important; margin:0 !important; }


.itmResidentZone .RadMenu_YHGMenu .rmLevel1 .rmLink{ color:#00a9b7; }
.itmRetirementLiving .RadMenu_YHGMenu .rmLevel1 .rmLink{ color:#ed1556; }
.itmCommunityZone .RadMenu_YHGMenu .rmLevel1 .rmLink{ color:#0098d9; }
.itmNewsEvents .RadMenu_YHGMenu .rmLevel1 .rmLink{ color:#a7a9ac; }


.RadMenu_YHGMenu .rmItem .rmGroup .rmText{ padding:0 0 0 10px; }
.RadMenu_YHGMenu .rmItem .rmGroup .rmSlide{ display:block; position:relative; }

.RadMenu_YHGMenu .rmItem .rmGroup{ display:block; }
.RadMenu_YHGMenu .rmItem .rmGroup .rmItem .rmGroup .rmItem .rmGroup{ display:block; }

.RadMenu_YHGMenu .rmLevel3{ display:none !important; }
.RadMenu_YHGMenu .rmLevel3 .rmLink{ color:#777 !important; }
.RadMenu_YHGMenu .rmLevel3 .rmText{ padding-left:35px !important; }

.scrollable .RadMenu_YHGMenu{ max-height:950px; overflow-y:scroll; }


/* Control styling */
.right-container-main {
    padding:5px 0;
}

.right-container-main .right-container {
    -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0 2px 2px 0 rgba(50, 50, 50, 0.75);
    box-shadow:         0 2px 2px 0 rgba(50, 50, 50, 0.75);
}

.right-container-main .right-container .headerArea {
    background: #717577;       
    color:white;
    padding:10px;
    border-bottom:solid 1px white;
}

.right-container-main .right-container .bodyArea {
    background: #a7a9ac; /* Old browsers */
    color:white;
    padding:10px;
    -moz-box-shadow: inset 0 2px 10px 0 rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: inset 0 2px 10px 0 rgba(50, 50, 50, 0.5);
    box-shadow: inset 0 2px 10px 0 rgba(50, 50, 50, 0.5);
}

    .right-container-main .right-container a,
    .right-container-main .right-container a:hover,
    .right-container-main .right-container a:focus,
    .right-container-main .right-container a:active,
    .right-container-main .right-container a:visited {
        color:#ffffff !important;
        color:#ffffff;
        text-decoration:underline;
    }

    .right-container-main .right-container ul {
        list-style:none;
        padding: 0;
    }

    .right-container-main .right-container li {
        margin-bottom: 5px;
    }

.resident-zone .right-container-main .right-container .headerArea {
    background:#00a9b7;
}
.resident-zone .right-container-main .right-container .bodyArea {
    background:#00a9b7;/*goes darker*/
}
.community-zone .right-container-main .right-container .headerArea {
    background:#0098d9;
}
.community-zone .right-container-main .right-container .bodyArea {
    background:#0098d9;/*goes darker*/
}
.retirement-living .right-container-main .right-container .headerArea {
    background:#ed1556;
}
.retirement-living .right-container-main .right-container .bodyArea {
    background:#ed1556;/*goes darker*/
}

/*EVENTS SECTION*/

.events-hub-list {}

.events-hub-list .events-item-wrapper {
    margin-top: 15px;
    border-top:1px solid #717577;
    padding-top:10px;
}

.events-hub-list .date-wrap {
    margin:0px 0px 15px 0px;
    max-width:100px;
}
.events-hub-list .date-wrap .events-date {
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
    font-family:Arial;
    border:1px solid #a7a9ac;
    font-size:22px;
    
    text-align:center;
}
.events-hub-list .date-wrap .events-date .events-day {
    border-bottom:1px solid #a7a9ac;
    color:#717577;
}
.events-hub-list .date-wrap .events-date .events-month {
    background:#a7a9ac;
    color:#fff;
}
.events-hub-list .events-title {
    font-size:16px;
    font-weight:700;
    color:#717577;
    font-family:Arial;
}
.events-hub-list .events-item-wrapper .events-summary {
    font-size:15px;
    font-family:Arial;
}

/*CALENDER (OLD) */
.event { width: 250px; float: left; padding: 0 5px 8px 14px;}
.calender-pad {margin-top:20px;}
.calender-days-background {background:#a7a9ac;}
#eventcalendar { width: 250px; float: right; padding-right: 14px; padding-bottom: 14px;  -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);}

.eventimgsmall { width: 100px; height: 90px; float: left;  background-repeat: repeat-x; background-position: bottom; padding-bottom: 19px; margin-right: 9px; margin-bottom: 5px; }



#eventcalendar table { width: 250px;  }

#eventcalendar table td { text-align: center; background-color: #FFF; color: #666; font-size: 1.2em; height: 30px; line-height: 30px; width: 40px; }

.caltop { background-color:#a7a9ac; background-position: top center ; background-repeat:no-repeat; height: 25px; }

.caltoptext { font-size: 1.3em; font-weight: bold; color: #FFF; padding-left: 50px; padding-right: 38px; }

*+html .caltoptext {  padding-left: 45px; padding-right: 22px; vertical-align:top; top: 3px!important; position:relative;}

.coldays { background-color:#a7a9ac; }

.coldaytext { color: #717577; font-weight: bold; font-size: 0.7em; }

.calbulletleft { float: left; padding-left: 4px; padding-top: 1px; color:#fff}

*+html .calbulletleft { float: left; padding-left: 4px; padding-top: 3px;}

.calbulletright { float: right; padding-right: 4px; padding-top: 1px; color:#fff;}

*+html .calbulletright { float:none;  padding-right: 0px; padding-left: 30px; padding-top: 3px;}


/*NEWS SECTION*/
.news-hub-list {}

.news-hub-list .news-item-wrapper {
    border-top:1px solid #717577;
    padding-top:10px;
    padding-bottom:5px;
    
}

/*needs to change on bootstrap change?*/
.news-hub-list .date-wrap {
    max-width:100px;
    margin-bottom:15px;
}
.news-hub-list .date-wrap .news-date {
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
    font-family:Arial;
    border:1px solid #a7a9ac;
    font-size:22px;
    
    text-align:center;
}
.news-hub-list .date-wrap .news-date .news-day {
    border-bottom:1px solid #a7a9ac;
    color:#717577;
}
.news-hub-list .date-wrap .news-date .news-month {
    background:#a7a9ac;
    color:#fff;
}
.news-hub-list .news-Image {margin:2px;padding:2px;}
.news-hub-list .news-title {
    font-size:16px;
    font-weight:700;
    color:#717577;
    font-family:Arial;
}
.news-hub-list .news-item-wrapper .news-summary {
    font-size:15px;
    font-family:Arial;
}
.news-hub-list .news-item-wrapper .news-readmore {
    background:#ffd800;
    padding:5px 15px 5px 15px;
}

.news-hub-list .news-item-wrapper .news-readmorepad {
    padding-top:20px;
}


/*Forms and login*/


.formContainer {
    width: 90%;
    margin: 10px auto;
    text-align: left;
    overflow:hidden;
}

    .formContainer table {
        width: 100%;
    }

        .formContainer table.fieldsContainer {
            width: 100%;
        }


    .formContainer .fieldsContainer input.inputText, .formContainer .fieldsContainer select {
        height: 35px;
        padding: 8px;
        border: 1px solid #a7a9ac;
        margin-bottom: 10px;
        width: 95%;
    }

    .formContainer .fieldsContainer label {
        float: left;
        width: 95%;
        color: #717577;
        margin-right:5%;
    }

    .formContainer .captchaRow input.inputText {
        height: 35px;
        padding: 8px;
        border-color: #a7a9ac;
        width: 95%;
    }

    .formContainer .captchaRow p {
        text-align: left;
        margin-top: 10px;
    }

    .formContainer .fieldsContainer .inputRadio label {
        font-weight: normal;
        float: none;
        width: auto;
        padding: 0 15px 0 5px;
    }

    .formContainer .submitRow input {
        background-color: #eccd13;
        text-decoration: none;
        font-size: 1.1em;
        padding: 9px 40px;
        border-radius: 2px;
        margin: 10px 5%;
        display: block;
        text-align: center;
        border: none;
        color: #717577;
        float: right;
    }


.not-yet-registered {
    background-color: #a7a9ac;
    margin-bottom: 20px;
}

    .not-yet-registered h3 {
        color: #FFF;
        font-size: 1.2em;
        background-color: #717577;
        padding: 15px 10px;
        border-bottom: 1px solid #FFF;
        margin: 0;
    }

    .not-yet-registered p {
        color: #FFF;
        padding: 20px 10px;
    }

    .not-yet-registered a {
        background-color: #eccd13;
        text-decoration: none;
        font-size: 1.1em;
        padding: 9px 40px;
        border-radius: 2px;
        margin: 10px auto;
        display: block;
        width: 50%;
        text-align: center;
    }

.login-section .formContainer {
    margin: 0 auto;
}

.loginButton {
    background-color: #eccd13;
    text-decoration: none;
    font-size: 1.1em;
    padding: 9px 40px;
    border-radius: 2px;
    margin: 10px 5%;
    display: block;
    /* width: 50%; */
    text-align: center;
    border: none;
    color: #717577;
    float: right;
}

.login-remember {
    float: right;
    margin-right: 5%;
}

    .formContainer .fieldsContainer .login-remember label {
        font-weight: normal;
        width: auto;
    }

  /* Find a Scheme*/

 .currentdevimg {
padding-right: 11px;
    }

    .devItem {
        margin-bottom: 45px;
min-height: 150px;
    }

    .devItem h3 {
            font-size: 1.1em;
font-weight: bold;
        margin: 0 0 5px 0;
    }

    .devItemLeft, .devItemRight {
                float: left;
    }

    .devItemRight {
        width: 50%;
    }

    .devItem .moreInfo {
background-color: #eccd13;
text-decoration: none;
font-size: 1em;
padding: 5px 15px;
border-radius: 2px;
display: block;
text-align: center;
border: none;
color: #717577;
float: left;
}

    .devItem span {
display: block;
        color: #666666;
}

    .devItem span.addrLine1 {
        font-weight: bold;
    }

    .devList .col-md-5{
        padding-left: 0;
    }

    .pager > span > input, .pager > span > span, .pager > span > a {
        float: left;
    }

    .pager > span > span, .pager > span > a {
        padding: 5px;
        padding-top: 1px;
    }

    .pager > span > a.pageNumber {
    padding-top: 2px;
    }

    .pager > span > span {
        font-size: 1.2em;
        font-weight: bold;
    }

    .pager > span > p {
        text-align: left;
        clear: both;
    }


    #map_key {
        margin-top: 10px;
    }

    /* Find a scheme - content*/

      .devContent ul {
            padding: 0;
        }
        .devContent ul li {
            list-style: none;
            background: url('/images/yellow-arrow.png') left top no-repeat;
            padding-left: 30px;
            line-height: 20px;
            margin-bottom: 5px;
        }
        .devContent #currentdevimg {
            width: 50%;
            float: left;
        }

        .devContent #currentdevimg img {
            width: 100%;
        }
        .devContent h4 {
            margin-top: 10px;
        }


        .devContent #smallmaptext {
            display: none;
        }

       /*USER AREA*/
.user-row-pad {
    margin-bottom:20px;
}
.user-area-btn {
    background:#717577;
    color:#fff;
    padding: 10px 10px 10px 10px;
    font-size:1.4em;
    font-family:Arial;
}

.user-area-rent {background-image:url(/images/Responsive/statements.png)}
.user-area-details {background-image:url(/images/Responsive/details.png)}
.user-area-asbo {background-image:url(/images/Responsive/asbo.png)}
.user-area-pay {background-image:url(/images/Responsive/pay-online.png)} 





/* Search Results */
.searchResults .readMore {
background-color: #eccd13;
text-decoration: none;
font-size: 1em;
padding: 5px 15px;
border-radius: 2px;
display: block;
text-align: center;
border: none;
color: #717577;
float: left;

        }

        ul.searchResults {
            padding: 0;
            list-style: none;
        }

            ul.searchResults li {
                padding-bottom: 15px;
                border-bottom: 1px solid #717577;
            }

.navbar-toggle{ z-index:15; border:none; color:#000; float:left; margin:2px 20px; background:#717577; }
 .icon-bar{ color:#fff; background-color:#fff }

 .children{ background:url("images/menu-left-arrow.png") left center no-repeat; }

 /*CONTENT IMAGE*/

.top-image-container {margin-top:-72px; z-index:-10;}
    .top-image-container > img {
        display:block;
        max-width:100%;
        height:auto;
    }
.ContentAreaTempt .top-image-container { z-index:50;}
.top-image-header {position:absolute; left: 15px; margin: 0;}

/* Content menu list */
.contentMenuLinks{ float:left; position:relative; margin-right:10px; margin-top:10px; width:auto; height:auto; overflow:hidden; cursor:pointer; }
.contentMenuLinks:hover > .text-overlay{ bottom:0; }
.text-overlay{ position:absolute; bottom:-100%; left:0; width:100%; height:100%; background:#00a9b7; opacity:0.8; padding:50px 10px 0; color:#fff; transition: bottom 0.5s;  }
.text-overlay p{ border-bottom:solid 1px #fff; padding-bottom:10px; }

.contentMenuLinks h3{ font-size:1em; position:absolute; top:0; left:0; max-width:70%; background:#00a9b7; display:block; margin:0; color:#fff; padding:5px 10px; z-index:5; }
.lightgrnbutton{ display:none; }
.imageWrapper{ height:auto; width:auto; }
.imageWrapper img{ height:199px; width:auto; }

.hub-wrapper{  min-height:746px; padding:30px 0; }

.community-zone .contentMenuLinks h3,.community-zone .text-overlay{ background:#0098d9; }

/* Contact us page */
.address-info{ padding:30px 0; }
.dropdownhold{ width:100%; margin-right:2%; float:left; height:270px; }
.dropdownhold .dropdowntop{ 
    background: #717577;       
    color:white;
    padding:10px;
    border-bottom:solid 1px white;
}
    .dropdownhold .dropdowntop p
    {
        margin:0;
    }
.dropdownhold .dropdownmid{ 
    background: #a7a9ac; /* Old browsers */
    color:white;
    padding:10px;
    -moz-box-shadow: inset 0 2px 10px 0 rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: inset 0 2px 10px 0 rgba(50, 50, 50, 0.5);
    box-shadow: inset 0 2px 10px 0 rgba(50, 50, 50, 0.5); 
}
    .dropdownhold .dropdownmid .address-info
    {
        background:url(images/address-icon.png) left top no-repeat;
        padding-left:70px;
        padding-top:0;
        height:60px;
    }
    .dropdownhold .dropdownmid .telephone-num
    {
        background:url(images/telephone-icon.png) left top no-repeat;
        padding-left:70px;
        padding-top:0;
        height:60px;
        line-height:60px;
    }
    .dropdownhold .dropdownmid .email-address
    {
        background:url(images/email-icon.png) left top no-repeat;
        padding-left:70px;
        padding-top:0;
        height:60px;
        line-height:60px;
    }
    .dropdownhold .dropdownmid .email-address a, .dropdownhold .dropdownmid .email-address a:hover{ color:#fff; cursor:pointer; }
.maphold
{
    width:49%;
    float:left;
}
.getintouch .formContainer{ width:100%; }
.getintouch .formContainer{}

.filter-form{ margin-top:20px; }
.filter-form input{ border:solid #717577 1px; padding:3px; color:#717577; margin-bottom:15px; }
.filter-form label{ color:#717577; margin-top:5px; }
.filter-form .datepicker{ width:65%; }
.filter-form .eventsearch{ width:100%; margin-top:3px; }
.filter-form #filterbtn{ background:#eacd0d; color:#717577; text-decoration:none; padding:5px 0; display:block; font-weight:bold; text-align:center; margin-top:3px; }
.filter-form .ui-datepicker-trigger{ cursor:pointer; }
.event-inner .readmore{ background:#eacd0d; color:#717577; text-decoration:none; padding:3px 10px; display:block; text-align:center; margin-top:3px; width:100px; }
.events-pad{ margin-bottom:30px; }
.ui-state-default{ color:#717577 !important; }
.ui-widget-header{ border:none !important; }

.news-archive{ background:#fff; box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.75); margin-bottom:30px; }
.news-archive .archive-inner{ padding:10px 20px; box-shadow: 0 2px 10px 0 rgba(20, 20, 20, 0.2) inset; }
.news-archive ul{ padding:0; margin:0; }
.news-archive li{ list-style:none; padding:2px 0; margin:0; font-weight:bold; font-size:1em; }
.news-archive li a{  }
.news-archive li ul{ padding: 0 10px; }
.news-archive li ul li{}

.news-archive .archive-heading{ display:block; height:40px; background:#a7a9ac; line-height:40px; color:#fff; font-weight:bold; font-size:1.2em; padding:0 10px; border-bottom:solid #fff 1px; }

#livechat-compact-container,
#livechat-full {
left: 20px;
right: auto;
}

/*.find-a-home{
}
.find-a-home .content-page h1 {
    background-color:#552988;
    color:#fff;
}
.find-a-home h1,
.find-a-home h2,
.find-a-home h3,
.find-a-home h4,
.find-a-home h5,
.find-a-home h6 {
    color: #552988;
}
.find-a-home .content-page a:hover, .find-a-home .content-page a {
    color: #552988;
}
.find-a-home .right-container-main .right-container .headerArea {
    background-color:#552988;
}
.find-a-home .right-container-main .right-container .bodyArea {
    background:#552988;
}
.find-a-home .right-container-main .right-container .bodyArea a, .find-a-home .right-container-main .right-container .bodyArea a:hover{
    color:#fff;
}*/
.yhgnav .navbar-nav > li.active.itmFindAHome > .menu-link, .yhgnav .navbar-nav > li.active-select.itmFindAHome > .menu-link{
    background: url(images/arrow-active.png) right center no-repeat #552988;
}
.itmFindAHome .RadMenu_YHGMenu .rmItem .rmLink {
    color: #552988;
}
.itmFindAHome .RadMenu_YHGMenu .rmLevel1 .rmLink{
    color: #552988;
}
/*.jobs .content-page h1 {
    background-color:#f37235;
    color:#fff;
}
.jobs h1,
.jobs h2,
.jobs h3,
.jobs h4,
.jobs h5,
.jobs h6 {
    color: #f37235;
}
.jobs .content-page a:hover, .jobs .content-page a {
    color: #f37235;
}
.jobs .right-container-main .right-container .headerArea {
    background-color:#f37235;
}
.jobs .right-container-main .right-container .bodyArea {
    background:#f37235;
}
.jobs .right-container-main .right-container .bodyArea a, .jobs .right-container-main .right-container .bodyArea a:hover {
    color: #fff;
}*/
.itmJobs .yhgnav .navbar-nav > li.active.itmJobs > .menu-link, .yhgnav .navbar-nav > li.active-select.itmJobs > .menu-link {
    background: url(images/arrow-active.png) right center no-repeat #f37235;
}
.itmJobs .RadMenu_YHGMenu .rmItem .rmLink {
    color: #f37235;
}
.itmJobs .itmFindAHome .RadMenu_YHGMenu .rmLevel1 .rmLink{
    color: #f37235;
}
