html {
    height: 102%;
}

body {
    margin:0;
    padding:0;
    color:#797979;
    font-size:12px;
    font-family: Arial,Helvetica,sans-serif;
    background-color:#EEECEC;
}

a {
    color:#002F5F;
    text-decoration:none;
}

a img {
    border:none;
}

.wrapper {
    margin:0px auto;
    width:960px;
}

.clear {
    clear:both;
}

.noTopMargin {
    margin-top:0px !important;
}

.noBottomMargin {
    margin-bottom:0px !important;
}

hr {
    background-color: #F0AB00;
    border: none;
    color: #F0AB00;
    height: 1px;
    width: 100%;
}

.hidden {
    display:none;
}

.topStrip {
    height:32px;
    background-color:#FFFFFF;
}

.topStrip .confidenceMessage {
    color:#002F5F;
    float:left;
    margin-top:10px;
}

.mainHeader {
    background-color: #FFFFFF;
    border-bottom: 1px solid #BCBEC0;
    padding-bottom: 10px;
    padding-top: 20px;
}

.mainHeader .logo {
    float:left;
    margin-top: 18px;
}

.mainHeader .phoneAndNav {
    float:right;
    margin-right: 10px;
    margin-top: 23px;
}

.mainHeader .phoneAndNav .phoneNumber{
    font-size: 38px;
    line-height: 44px;
    text-align: right;
    color:#002F5F;
}

.mainHeader .phoneAndNav .navBar{
    height:28px;
    margin-top:5px;
}

.mainHeader .phoneAndNav .navBar ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.mainHeader .phoneAndNav .navBar ul li {
    float: left;
    margin: 0px 0px 0px 28px;
}

.mainHeader .phoneAndNav .navBar ul li:first-child {
    margin: 0px;
}

.mainHeader .phoneAndNav .navBar ul li a {
    color: #797979;
    font-size: 14px;
    text-decoration: none;
}

.mainHeader .phoneAndNav .navBar ul li a.selected {
    color: #002F5F;
    font-size: 14px;
    text-decoration: none;
}

.mainHeader .phoneAndNav .navBar ul li a:hover {
    color: #002F5F;
}

.mainContainer {
    background-color: #FFFFFF;
    padding: 25px 0;
    min-height:500px;
}

.mainContainer .leftColumn {
    width:220px;
    margin:0px 22px 0px 0px;
    float:left;
}

.mainContainer .leftColumn .subNav {

}

.mainContainer .leftColumn .subNav a {
    border: 1px solid #BCBEC0;
    background-color:#EEECEC;
    padding:5px 15px;
    margin-bottom:10px;
    display:block;
    text-decoration:none;
    color:#002F5F;
    font-size:12px;
    position:relative;
}

.mainContainer .leftColumn .subNav a#last {
    margin:0px !important;
}

.mainContainer .leftColumn .subNav a span {
   background-color:#BCBEC0;
   height:25px;
   width:5px;
   position:absolute;
   top:0;
   left:0;
}

.mainContainer .leftColumn .subNav a:hover span {
   background-color:#002F5F;
}

.mainContainer .leftColumn .subNav a.selected span {
   background-color:#002F5F;
}

.mainContainer .rightColumn {
    width:718px;
    float:right;
}

.mainContainer .rightColumn .left {
    width:488px;
    float:left;
    margin-right:16px;
}

.mainContainer .rightColumn .left p {
    text-align:justify;
}

.mainContainer .rightColumn .fullWidth {
    width:718px;
}

.mainContainer .rightColumn .fullWidth p {
    text-align:justify;
}

.mainContainer .rightColumn .fullWidth .article {
    width:718px;
    margin-bottom:10px;
}

.mainContainer .rightColumn .fullWidth .article .articleInfo {
    float:left;
    width:502px;
    margin-right:16px;
}

.mainContainer .rightColumn .fullWidth .article .articleInfo .articlePosted{
    font-size:10px;
}

.mainContainer .rightColumn .fullWidth .article  .articleHeading {
    color:#002F5F;
    font-size:16px;   
}

.mainContainer .rightColumn .fullWidth .article  .articleHeading span{
    float:right;
    font-size:12px;
    color:#002F5F;
    background-color:#EEECEC;
    padding:3px 5px;
    border: 1px solid #BCBEC0;
    cursor:pointer;
    text-align:center;
    width:35px;
}

.archiveHeading {
    float:right;
    font-size:12px;
    color:#002F5F;
    background-color:#EEECEC;
    padding:3px 5px;
    border: 1px solid #BCBEC0;
    cursor:pointer;
    text-align:center;
    width:auto;
}

.archiveContainer {
    margin-top:20px;
}

.mainContainer .rightColumn .fullWidth .article .articleContent{
    margin:10px 0px;
}

.mainContainer .rightColumn .fullWidth .article .articleContent.hidden{
    display:none;
}

.mainContainer .rightColumn .fullWidth .article .articleImage.hidden{
    display:none;
}

.mainContainer .rightColumn .fullWidth .article .articleImage {
    float:left;
    width: 200px;
    margin-top:10px;
}

.mainContainer .rightColumn .fullWidth .article .articleImage div {
    text-align:right;
    margin-top:10px;
    font-size:10px;
}

.mainContainer .rightColumn .fullWidth .article .articleImage img{
    width: 200px;
}

.mainContainer .rightColumn .fullWidth .testimonial {
    margin:15px 0px;
    border-bottom:1px solid #F0AB00;
    padding-bottom:15px;
}

.mainContainer .rightColumn .fullWidth .testimonial .testimonialImage {
    float:left;
    width:110px;
}

.mainContainer .rightColumn .fullWidth .testimonial .testimonialInfo {
    float:left;
    width:608px;
}

.mainContainer .rightColumn .fullWidth .testimonial .testimonialInfo .position {
    margin-bottom:15px;
    color:#002F5F;
}

.mainContainer .rightColumn .fullWidth .testimonial .testimonialInfo .logo {
    float:right;
    margin-top:-53px;
}

.mainContainer .rightColumn .fullWidth .testimonial .testimonialInfo .content {

}

.mainContainer .rightColumn .fullWidth .testimonial .testimonialInfo .content a {
    color: #002F5F;
    font-size: 12px;
    text-decoration: none;
    display:block;
}

.mainContainer .rightColumn .fullWidth .vacancy {
    width:718px;
    margin-bottom:10px;
}

.mainContainer .rightColumn .fullWidth .vacancy .vacancyClosingDate{
    margin-top:10px;
}

.mainContainer .rightColumn .fullWidth .vacancy .vacancyDescription{
    margin-top:10px;
}

.mainContainer .rightColumn .fullWidth .vacancy .vacancyDescription p{
    font-size:14px;
}

.mainContainer .rightColumn .fullWidth .vacancy .vacancyTitle a{
    float:right;
    font-size:12px;
    color:#002F5F;
    background-color:#EEECEC;
    padding:3px 5px;
    border: 1px solid #BCBEC0;
    cursor:pointer;
    text-align:center;
   
}

.mainContainer .rightColumn .fullWidth .vacancy .vacancyTitle span{
    float:right;
    font-size:12px;
    color:#002F5F;
    background-color:#EEECEC;
    padding:3px 5px;
    border: 1px solid #BCBEC0;
    cursor:pointer;
    text-align:center;
    margin-right: 10px;
}

.mainContainer .rightColumn .fullWidth .benefitImage {
    width:68px;
    float:left;
}

.mainContainer .rightColumn .fullWidth .benefitInfo {
    width:650px;
    float:left;
    border-top:1px solid #F0AB00;
}

.mainContainer .rightColumn .fullWidth .benefitInfo.first {
    border-top:none;
}

.mainContainer .rightColumn .fullWidth .additionalBenefitsContainer.first {
    margin-top:25px;
}

.mainContainer .rightColumn .fullWidth .additionalBenefitsContainer {
    margin-top:10px;
}

.mainContainer .rightColumn .fullWidth .additionalBenefitsContainer .additionalBenefitsImage {
    float: left;
    width: 68px;
}

.mainContainer .rightColumn .fullWidth .additionalBenefitsContainer .additionalBenefitsInfo {
    float: left;
    width: 231px;
    color:#002F5F;
    font-size:15px;
    margin-right:60px;
    height:50px;
}

.mainContainer .rightColumn .fullWidth .additionalBenefitsContainer .additionalBenefitsInfo.oneLineText {
    margin-top:15px;
}

.mainContainer .rightColumn .fullWidth .additionalBenefitsContainer .additionalBenefitsInfo.twoLineText {
    margin-top:6px;
}

.mainContainer .rightColumn .right {
    width:214px;
    float:right;
}

.mainContainer .rightColumn .mainHeading {
    color:#002F5F;
    font-size:30px;
    margin-top:10px;
}

.mainContainer .rightColumn .subHeading {
    color:#002F5F;
    font-size:18px;
    margin:10px 0px;
}

.mainContainer .rightColumn .orangeQuoteBox{
    background-color:#FEECD4;
    padding:12px;
}

.mainContainer .rightColumn .orangeQuoteBox .name{
    color:#002F5F;
    font-size:14px;
    line-height:17px;
}

.mainContainer .rightColumn .orangeQuoteBox .position{
    color: #002F5F;
    font-size: 10px;
    margin-bottom: 7px;
    margin-top: 3px;
}

.mainContainer .rightColumn .orangeQuoteBox p{
    color:#002F5F;
    font-size:14px;
}

.mainContainer .rightColumn .orangeQuoteBox span{
    color:#002F5F;
    font-size:11px;
}

.mainContainer .rightColumn .rightColumnHeading {
    color:#F0AB00;
    font-size:16px;
    margin-top:20px;
}


.mainContainer .rightColumn .rightQuoteBox{
    margin:20px 0px;
}

.mainContainer .rightColumn .rightQuoteBox .namePosition{
    color: #797979;
    font-size: 10px;
    margin-top:5px;
}

.mainContainer .rightColumn .rightQuoteBox p{
    color:#58595b;
    font-size:11px;
    margin:0px;
}

.mainContainer .rightColumn .contactBlock {
    
}

.mainContainer .rightColumn .contactBlock span{
    float:right;
    font-size:12px;
    color:#002F5F;
    background-color:#EEECEC;
    padding:3px 5px;
    border: 1px solid #BCBEC0;
    cursor:pointer;    
}

.mainContainer .rightColumn .contactBlock .hidden{
    display:none;   
}

.overlay {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    box-shadow: 0 0 90px 5px #000000;
    display: none;
    min-height: 200px;
    padding: 20px;
    position: absolute !important;
    top: 300px !important;
    width: 580px;
    z-index: 10000;
}

.overlay .mainHeading{
    color: #002F5F;
    font-size: 30px;
}

.overlay .fieldLabel{
    float:left;
    margin-bottom:20px;
    width:250px;
    color:#002F5F;
}

.overlay .business{
    display:none;
}

.overlay .input{
    float:left;
    margin-bottom:20px;   
}

.overlay .successMessage {
    margin:5px 0px;
    color:#00CC00;
}

.overlay .errorMessage {
    margin:5px 0px;
    color:#FF0000;
}

.success{
    margin:15px 0px;
    color:#00CC00;
}

.errors {
    margin:15px 0px;
    color:#FF0000;
}

.overlay input[type=submit]{
    float:left;
    background-color:#002F5F;
    color:#ffffff;
    border:none;
    padding:3px 5px;
}

.overlay .close {
    background-image:url(/images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:32px;
    width:32px;
}

#hwApplicationForm {
    
}

#hwApplicationForm .fieldLabel{
    color: #002F5F;
    float: left;
    margin-bottom: 20px;
    padding-right: 20px;
    width: 230px;
}

#hwApplicationForm .input{
    float:left;
    margin-bottom:10px;
}

.fieldLabel{
    color: #002F5F;
    float: left;
    margin-bottom: 20px;
    padding-right: 20px;
    width: 150px;
}

.input{
    float:left;
    margin-bottom:10px;
}

.input input[type=text]{
    width:170px;
}

#hwApplicationForm select[name=hwApplication_timeAtAddress]{
    width:140px;
}

#hwApplicationForm select[name=hwApplication_currentOwnership]{
    width:140px;
}

#hwApplicationForm select[name=hwApplication_propertyType]{
    width:140px;
}

#hwApplicationForm .previousAddresses{
    display:none;
}

#testimonials {
    padding:0px;
    list-style:none;
    height:60px;
}

.greaterMargin {
    margin:10px 0px;
}

.branchLocator_controls {
    margin: 15px 0 20px;
}

.branchLocator_controls .selectBranch {
    float: left;
    width: 300px;
}

.branchLocator_controls .selectBranch label {
    color: #002F5F;
    display: block;
    font-size: 14px;
    margin: 0 0 3px;
}

.branchLocator_controls .selectBranch select {
    border: 1px solid #BCBEC0;
    display: block;
    padding: 2px 4px;
    width: 250px;
}

.branchLocator_controls .enterPostcode {
    float: left;
    width: 300px;
}

.branchLocator_controls .enterPostcode label {
    color: #002F5F;
    display: block;
    font-size: 14px;
    margin: 0 0 3px;
}

.branchLocator_controls .enterPostcode input[type="text"] {
    color: #797979;
    padding: 2px 4px;
    width: 250px;
}

.branchLocator_controls .enterPostcode input[type="button"] {
    background-color: #002F5F;
    border: 0 none;
    color: #FFFFFF;
    padding: 4px 2px;
}

input[type="button"], input[type="submit"] {
    cursor: pointer;
}

.branchLocator_results .branchResult {
    border: 1px solid #BCBEC0;
    margin: 8px 0;
    padding: 8px;
}

.branchLocator_results .branchResult .title {
    color: #002F5F;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
}

.branchLocator_results .branchResult .title .distanceFromPostcode {
    color: #797979;
    font-size: 12px;
    margin: 0 0 0 8px;
}

.branchLocator_results .branchResult .title .viewBranchDetails {
    background-color: #002F5F;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 12px;
    padding: 4px 8px;
}

.branchLocator_results .branchResult .info {
    border-top: 1px solid #BCBEC0;
    display: none;
    margin: 8px 0 0;
    padding: 8px 0 0;
}

.branchLocator_results .branchResult .info .left {
    float: left;
    width: 400px;
}

.branchLocator_results .branchResult .info .right {
    float: right;
    width: 200px;
}

.branchLocator_results .branchResult .info .heading {
    color: #002F5F;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 3px;
}

.videoOverlay {
    display: none;
    z-index: 10000;
    background-color: #333;
    min-height: 253px;
    width: 450px;
    border: 1px solid #666;
    box-shadow: 0 0 90px 5px #000000;
    position: fixed;
    top: 175px !important;
}

.videoOverlay .close {
    background-image: url("/images/close.png");
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px;
}

#overseasImageGallery, #ukImageGallery {
    cursor:pointer;
}

#overseasVideo {
    cursor:pointer;
}

.heading14 {
    font-size:14px;
    color:#002F5F;
    margin-top:10px;
}

.siteFooter {
    padding-top:28px;
    height:249px;
    border-top:1px solid #BCBEC0;
    background-color:#EEECEC;
}

.siteFooter .wrapper hr{
    background-color: #BCBEC0;
    border: none;
    color: #BCBEC0;
    height: 1px;
    width: 100%;
}

.siteFooter .wrapper img{
    float:right;
}

.siteFooter .wrapper img.iip{
    border-left: 1px solid #BCBEC0;
    margin-left: 5px;
    padding-left: 5px;
}

.siteFooter .footerConfidenceMessage {
    color: #797979;
    float:left;
    margin-top:4px;
}

.siteFooter .footerNav {
    color: #797979;
    float:left;
}

.siteFooter .footerNav a{
    color: #797979;
    font-size:10px;
    text-decoration:none;
}

.siteFooter .footerNav a:hover{
    color: #002F5F;
}

.siteMapSection {
    width:239px;
    float:left;
}

.siteMapSection a {
    display:block;
    color:#797979;
}

/*
 *  NEW NAV
 */
 
.mainNavBar {
    height: 15px;
    padding: 5px 0px 5px 0px;
    background-color: #002F5F;
}

.mainNavBar  {
    height: 15px;
    padding: 5px 0px 5px 0px;
    background-color: #002F5F;
}

.mainNavBar .wrapper a {
    color: #FFFFFF;
    float: left;
    border-right: 1px solid #FFFFFF;
    padding: 0px 10px;
}

.mainNavBar .wrapper a.first {
    padding-left: 0px;
}