@media (min-width: 768px) {
body {
    background-color:#efefef
}

/** OVERALL **/
.mobile {
    display:none
}

#content .main-area > h1.mobile {
    display:none
}

#m_bodyElem .mobile {
    display:block
}

.desktop {
    display:block
}

header .top,#text-changer p,header nav {
    display:block
}

.logo img {
    width:270px
}

#content {
/*   padding-bottom: 62px;*/
}

/** HEADER **/
header .bottom .container {
    height:141px;
    border-top:none
}

header .bottom nav {
    background-color:transparent;
    bottom:0;
    height:auto;
    left:initial;
    right:16px;
    top:initial
}

.logo {
    top:20px
}

#text-changer {
    top:13px;
    right:17px;
    font-size:15px
}

#bannerArea {
    height:320px
}

footer .top {
    padding:17px 0 19px
}

footer .bottom br {
    display:none
}

footer .bottom p.col-md-6 {
    width:40%;
    text-align:left
}

.main-area {
    position:relative
}

#buttons .col-md-3 a {
    text-align:left;
    margin:20px 0;
    position:relative;
    font-size:1em;
    font-weight:700;
    padding:19px 19px 21px
}

.home #buttons .col-md-3 a:after {
    content:""
}

#buttons .col-md-3 a:after {
    display:inline-block;
    font:normal normal normal 24px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translate(0,0);
    content:"\f101";
    display:block;
    position:absolute;
    right:17px;
    top:50%;
    margin-top:-12px;
    font-size:24px
}

#buttons {
/*padding: 20px 0; */
}

#buttons ul {
    margin:0
}

#buttons li {
    min-height:0
}

#buttons .container {
    padding:0 15px
}

#buttons .col-md-3 {
    width:25%;
    padding:0 15px
}

/*
    #buttons .col-md-3 a:hover{opacity:0.85}
*/
#buttons .col-md-3 a:hover {
    background-color:#008dc5
}

#buttons li.blue a:hover {
    background-color:#008dc5
}

#buttons li.purple a:hover {
    background-color:#a02090
}

#buttons li.green a:hover {
    background-color:#098049
}

#buttons li.yellow a:hover {
    background-color:#fd9410
}

#content .login-panel div.ErrorLabel {
    margin-bottom:10px
}

/* #buttons i{ display: block; position: absolute; right:17px; top:50%; margin-top: -12px;  font-size: 24px;}*/
#buttons .sidenav {
    display:none!important
}

.logo img {
    width:auto;
    height:auto
}
}




@media (min-width: 992px) {
#bannerArea {
    height:420px
}

.breadcrums.faq-mobile{
    display: none;
}

}

@media (min-width: 1200px) {
header nav {
    font-size:16px
}

#bannerArea {
    height:620px
}
}

@media screen and (min-width: 1025px) {
#buttons .col-md-3 a {
    font-size:1.125em
}

    .searchDialog .searchFilter {
        margin-right: 30px !important;
    }

.only-desktop {
    display:inline-block
}
}

.tablet {
    display:none
}

.desktop.tablet {
    display:block
}

/******************************+++++++++++++++++++++**************************************/
/******************************  End of Min Widths  **************************************/
/******************************+++++++++++++++++++++**************************************/
@media (max-width: 1199px) {
.logo {
    top:10px
}

.logo img {
    width:250px
}

header .bottom nav li a {
    padding:14px
}

header .bottom nav li:last-child a {
    padding:10px 15px;
    margin-top:4px
}

#subscribe > div:first-child {
    width:50%;
    padding-right:100px;
    margin-right:0
}

#content table tbody a {
    padding:10px 25px 10px 10px
}
}

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

#bannerArea.banner-area h1{
    font-size: 48px;
}

    .searchDialog .searchFilter {
        margin-right: 35px;
    }


#bannerArea.banner-area h1 small{
    font-size: 28px; 
}


.multiselect-container > li > a > label > input[type=checkbox], 
.multiselect-container > li > a > label > input[type=radio]{
       top: 2px;
       padding: 5px 7px; 
}
.dropdown-menu{ border-right: 1px solid rgba(0,0,0,0.15);}

.help #bannerArea img {
    width: auto
}

.help-center-top .input-group{
    padding: 0 15px;
}

.help-center-top .input-group input{
    position: relative;
    margin-left: 0;
}

.help-center-top .input-group input[type="submit"]{
    right: 16px;
    border-radius: 0 3px 3px 0 !important;
    padding: 21px 16px;
}


#content .container{
    min-height: 460px;
}


.main-area.col-md-8 + .col-md-1 {
    display:none
}

.main-area.col-md-8 {
    width:75%
}

#content .login-panel div {
    float:none!important
}

.only-desktop {
    display:none
}

.login .col-md-8 {
    width:100%
}

#content .login .col-md-4.panel {
    text-align:center;
    width:49%;
    display:inline-block
}

#content .panels .col-md-4 .col-md-12 {
    padding: 20px 10px 34px;
}

.col-md-4.panel a > span > span{
    font-size: 14px;
}


/****** Courses */
.desktop.tablet {
    display:none
}

.information {
    padding-left:0
}

.information .col-md-9 {
    width:100%
}

.information .col-md-9 .col-md-6 {
    padding-right:0;
    width:49%;
    margin-top:0;
    display:inline-block;
    padding-top:20px;
    vertical-align:top
}

.information.bottom .col-md-6 {
    padding-right:0;
    width:49%;
    margin-top:0;
    display:inline-block;
    padding-top:20px;
    vertical-align:top
}

.information > div.col-md-3 {
    position:relative;
    display:inline-block;
    width:100%;
    right:0
}

.information > div.col-md-3 a {
    margin-top:0
}

.course-buttons {
    padding:0
}

#toparea .col-md-4 {
    margin-bottom:10px
}

#courseDirectory {
    width:100%
}

/**********************/
.main-area .col-md-1 {
    display:none
}

.main-area .col-md-10 {
    width:100%
}

#content .container.homepage {
    padding-left:0;
    padding-right:0
}

#content .col-md-4 h2 {
    font-size:1.25em;
    padding:0 10px
}

    .my-account-area .panel.col-md-4 h2 {
    line-height: 1.2em !important;   
    }

#subscribe>div:first-child {
    width:50%;
    float:left;
    margin-right:0;
    padding-right:50px
}

footer .bottom p.col-md-6 {
    width:100%;
    text-align:center
}

footer .bottom .container {
    height:110px
}

#footer-menu {
    display:block;
    width:100%;
    text-align:center
}

footer .bottom ul {
    top:inherit;
    bottom:10px
}

#buttons .container {
    padding:0
}

#buttons .col-md-3 a:after {
    right:10px
}

#subscribe .input-group input {
    -webkit-appearance:none
}

#content {
    padding:0 15px
}

header .top nav li a {
    font-size:.85em
}

header .top ul li:first-child a {
    padding:10px 15px
}

header .top .my-account {
    padding-left:10px;
    padding-right:10px;
    font-size:.875em
}

header .search {
    width:120px
}

header .bottom nav li a,header .bottom nav li:last-child a {
    font-size:.875em;
    padding-left:10px;
    padding-right:10px
}

#bannerArea h1 {
    font-size:3.5em
}

#content .login-panel div a div.info-panel {
    display:none;
    position:absolute;
    left:-10px;
    width:159px;
    border:1px solid #666;
    background-color:#fff;
    padding:15px;
    font-size:.625em;
    border-radius:3px;
    top:30px;
    z-index:99
}

.col-md-3.landscape-layout{ width: 15%;}

.col-md-6.landscape-layout{ width: 70%;}



}

@media all and (max-width:992px) {
    .my-account-area .panel.col-md-4 > a > span,
    .my-account-area .panel.col-md-4 h2 {
        height: auto;
    }


}
@media all and (max-width:991px) {
   #subscribe>div:first-child,
   #subscribe>div{
        width: 100%;
    }

    .subscribe{
        width: 100%;
        margin-top: 20px;
    }

}

@media all and (min-width: 768px) and (max-width:992px) {

#content .inner-page-search #toparea .radio-toolbar {
    width: 49%;
}
#content .inner-page-search #toparea .radio-toolbar label:last-child {
    float: right;
    margin-left:0;
}

.col-md-2:empty{
    display: none;
}

#content .faq-mobile h1,
#content .faq-mobile .innerbc{
    display: none;
}

#content .faq-mobile{
    background-color: #fff;
}





.col-md-4 input[type="radio"] + label,.col-md-4 input[type="checkbox"] + label {
    width:49%;
    max-width:49%
}

header .top nav{
    font-size: 16px;
}

header .bottom nav li a, header .bottom nav li:last-child a{
    font-size: 15px;
}

.col-md-3.landscape-layout{ width: 10%;}

.col-md-6.landscape-layout{ 
    width: 80%;
    margin: 0 auto;
    }


#subscribe .input-group input[type="submit"] {
    width:33.3%
}

.loggedin {
    top:-10px
}

.login-panel {
    width:80%;
    margin-left:10%;
    margin-top:35px
}

.col-md-8 .nmbi-selector-form.login-panel{
    width:100%;
    margin-left:0%;
    margin-top:35px
}


#content .unigrid-content {
    width:100%;
    overflow-y:scroll
}

.nmbi-selector-form {
    margin:60px 10%;
    width:80%;
    padding:40px 50px
}
    .col-md-8 .nmbi-selector-form {
        margin-left:0;
        margin-right:0;
    }
.col-md-6 .nmbi-selector-form.pp{
 margin: 60px 0 35px;
    padding: 40px 50px 20px;

}

.col-md-6 .nmbi-selector-form.pp.co{
    margin-bottom: 0;
    margin-top: 10px;
    }

.nmbi-selector-form.pp + .payment-buttons{
    padding: 0 50px 30px;
}

.payment-buttons {
    margin-bottom:30px
}

.col-md-4.date {
    padding-left:0
}

#content #course-list {
    display:inline-block
}

#toparea.advanced-open #advice-options {
    margin-top:10px
}

.main-area.col-md-8 + .col-md-1 {
    display:none
}

.main-area.col-md-8 {
    width:100%;
    margin-top:30px
}

.cta-button a {
    min-width:100%
}

.tablet {
    display:block;
    float:left;
    width:100%
}

.download-half-block .inner {
    padding-left:190px;
    min-height:183px
}

.download-half-block {
    width:50%;
    max-width:48%;
    margin-right:28px;
    display:inline-block;
    vertical-align:top;
    margin-top:20px
}

.download-full-block img {
    float:none
}

#toparea .col-md-4.radio-toolbar,#toparea .col-md-4.date {
    width:49%;
    display:inline-block;
    vertical-align:top
}

#toparea .col-md-4.date {
    margin-left:1%
}
}

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

    .searchDialog .searchFilter {
        margin-right: 28px;
    }

#content .faq-mobile a.sidenav{
    display: block;
    font-size: 1.25em;
}


#bannerArea.banner-area h1{
    bottom: 30px;
    font-size: 38px;
}

#bannerArea.banner-area h1 small{
    font-size: 25px;
}


.breadcrums {
    font-size:.75em
}

.searching header .search {
    width:490px
}

.login.second .login-panel {
    margin:60px 10%
}

header .bottom nav li a {
    padding-left:8px;
    padding-right:8px
}
header .top ul li:first-child {
    margin-right: 0px;
}



.searching header .top ul li:first-child {
    margin-right: 60px;
}


#subscribe {
    padding:27px 30px 37px 15px
}

#buttons .col-md-3 {
    width:50%
}

header .top nav li a,header .bottom nav li a {
    font-size:.8em
}

#buttons .col-md-3.blue a,#buttons .col-md-3.purple a {
    margin-bottom:0
}

#bannerArea h1 {
    font-size:3em;
    max-width: 440px;
    bottom:40px





















}

#subscribe > div:first-child {
    padding-right:0
}

#subscribe > div:first-child,#subscribe>div {
    width:100%
}

#subscribe .input-group input[type="submit"] {
    min-width:150px
}

#subscribe h2 {
    font-size:1.75em
}

#subscribe p {
    padding-right:15px
}

.logo {
    background-image:url(http://nmbi.continuum.ie/App_Themes/nmbi/css/images/mobile-logo.jpg);
    width:258px;
    background-size:100% auto;
    display:block;
    height:70px
}

.logo img {
    display:none
}

header .top ul li {
    margin-left:10px;
        font-size: 0.9em;
        margin-right: 0;
}

header .top ul li:first-child a {
    padding:10px
}

#buttons .container > a {
    width:calc(100% - 30px);
    background-color:#fff;
    border:1px solid #666;
    color:#666;
    font-size:1em;
    border-radius:3px;
    text-align:center;
    padding:15px 0;
    display:inline-block;
    position:relative;
    font-weight:700;
    display:inline-block!important;
    margin-left:15px;
    margin-bottom: 8px;
    margin-top: 8px;
}

#buttons .container > a:hover {
    background-color:#fdfdfd
}

#content .sidenav {
    display:none;
    padding-left:0;
    padding-right:0;
    margin-bottom:30px
}




    /*#content .TreeMain > div > a {
            display: none;
    }
    #content .TreeMain > .TreeTree > div > table:first-child{

    display: none;
    }*/

.sidenav-open .sidenav {
    display:block!important
}

.marketing-panel {
    display:none
}

.download-half-block {
    width:49%;
    max-width:370px;
    margin-right:2%;
    display:inline-block;
    vertical-align:top
}

.download-half-block .inner a {
    max-width:150px;
    padding:10px 15px
}

.download-full-block {
    display:inline-block!important
}

#content .container {
    padding-left:15px;
    padding-right:15px
}

.cta-button a {
    max-width:100%
}
}

@media (max-height: 790px) and (min-width: 1330px) {
/* CSS stuff */
#bannerArea {
    height:455px
}
}

@media (max-height: 790px) and (min-width: 1330px) {
/* CSS stuff */
#bannerArea {
    height:455px
}
}

@media (max-height: 1280px) and (min-width: 1024px) {
/* CSS stuff */
#bannerArea {
    height:520px
}
}

@media (max-width: 800px) {
    .EditingFormTable td input[type="checkbox"] + label, 
    .EditingFormTable td input[type="radio"] + label {
        width: 100%;
        margin-bottom: 0;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .help-center-top .input-group button[type="submit"] {
        z-index: 80;
        position: absolute;
        top: 7px;
        right: -14px;
        padding-bottom: 19px;
        padding-top: 18px;
        max-width: 200px;

    }

        .searchDialog .searchFilter {
        margin-right: 25px;
    }
}

#content .unigrid-content table tr td a:hover,#content .unigrid-content table tr td a:focus {
    color:#000
}

@media (max-width: 767px) {




    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table,
    #content .main-area > table {
        width: calc(30px + 100%) !important;
        border: none;
        margin-left: -15px;
        border-bottom: 2px solid #efefef;
    }

        /* Force table to not be like tables anymore */
#content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table,
#content .main-area > table,
#content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table thead, 
#content .main-area > table thead,
#content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tbody, 
#content .main-area > table tbody,
#content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table th, 
#content .main-area > table th,
#content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table td, 
#content .main-area > table td,
#content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tr,
#content .main-area > table tr { 
        display: block; 
    }

    
    
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tr:first-child, 
    #content .main-area > table tr:first-child { 
       /* position: absolute; */
        top: -9999px;
        left: -9999px;
    } /* overwritten for create your account mobile login - 04/04/2016 - line 2600+ */

    #content .main-area > table tr,
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tr
     {
        border: none;
        background-color: #fff!important;
        padding: 15px 0px;
    } /* overwritten for create your account mobile login - 04/04/2016 - line 2600+ */
  
    
    #content .main-area > table tr:nth-child(even),
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tr:nth-child(even) {
        background-color: #efefef !important;
    }

    #content .main-area > table tr td[data-column],
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tr td[data-column]{
        position: relative;
        padding-top: 25px; 
    }

    #content .main-area > table tr td,
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tr td{
        border:none;
        text-align: left !important;
    }

    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tr td,
    #content .main-area > table tr td:last-child {
        padding-top: 25px !important;
    }

    /*overwriting padding-top:25px Important on OverseasListbox
      the overseas form in account area - MOG Arpil 2016 */
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table.OverseasListbox tr td {
    padding-top: 5px !important;  
    }

    #content .main-area > table tr td.double-line,
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tr td.double-line {
        padding-top: 50px;
    }

    #content .main-area > h2 + table {
        margin-top: 20px;
    }
    #content .main-area > table tr td:before,
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tr td:before { 
    position: absolute;
    top: 4px;
    left: 10px;
    font-family: 'Avenir LT Std 85 Heavy';
    width: calc(100% - 10px);
    /*padding-right: 10px;*/
    white-space: normal;
    content: attr(data-column);
    color: #666;
    font-size: 14px;
    }

    #content .main-area > table tbody a,
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tbody a{
    display: block;
    border-radius: 3px;
    border: 2px solid #d54308;
    color: #d54308;
    padding: 10px 19px 10px 18px;
    margin-top: 25px;
    text-align: left;
    font-size: 16px;
    background-color: transparent;
    font-family: 'Avenir LT Std 85 Heavy';
    position: relative;
    width: 100%;
    text-decoration: none;
}/* overwritten for create your account mobile login - 04/04/2016 - line 2600+ */

   

    #content .main-area > table tbody u,
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tbody u {
        text-decoration: none;
    }

    #content .main-area > table tbody u a,
    #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tbody u a {
        margin-top: 5px;
    }

.nmbi-selector-form{
    overflow: hidden;  
 } 

#content .inner-page-search #toparea h1 {
    font-size: 2em;
    font-family: 'Avenir LT Std 55 Roman';
    margin-top: 0;
    margin-bottom: 15px;
    letter-spacing: .04em;
    text-align: left;
    display: block;
    background-color: #009ddb;
    color: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 15px;
}

    #toparea h2 a[href^="#"]:active,
    #toparea h2 a[href^="#"]:focus {
        color: #666;
        text-decoration: underline;
    }

    #content .inner-page-search #toparea h1 a {
    color: #fff;
    }

    .Wishtoapply,
    .DivisionsMulti  {
        max-width: 100%;
    }


.nmbi-selector-form .Confirmation .ProductOptionSelector{
    margin-top: 20px;
}

    /*Order Complete*/
    .order-completed {
    margin-top: 20px;
}
    #content .main-area .order-completed p {
    font-size: 1em !important;
}

    .order-completed + a {
    margin-bottom: 20px;
    }


/* Help Center Ask Question */
.ask-question {
    width: calc(100% + 60px);
    padding: 0;
    margin-left: -30px;
}

.ask-question table {
    width: 100%;
    margin-bottom: 0;
}

.ask-question #CalendarControl .EditingFormValueCell {
    padding-top: 25px;
}

.ask-question #CalendarControl .EditingFormValueCell button {
    right: 10px;
}

.ask-question .FieldLabel {
    padding-bottom:0;
}

#content .main-area .ask-question  table.CaptchaTable td{
    padding-left: 0;
    padding-right: 0;
}
#content .main-area .ask-question table.CaptchaTable img{
    width: 50% !important;
}





    .DateOption.Dateofbirth .editing-form-label-cell,
    .DateOption.Dateofbirth .editing-form-value-cell {
        width: 100%;
        max-width: 100% !important;
    }

    .nmbi-selector-form .Dateofbirth .date-time-picker button.icon-only{
        margin-top: -22px;
    }


    .DivisionsMulti input[type="checkbox"] + label {
        width: 100%; 
        margin-right:0;
    }



.searchDialog .searchTextMode > div .form-group:first-child {
    margin-right: 0;
    vertical-align: top;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.searchDialog .searchTextMode > div .form-group input {
        max-width: 100%;
    }

.searchDialog .searchFilter {
    float: right;
    margin-right: 0;
}


.main-area table.EditingFormTable td{
    width: 100%;
    display: block;    
}

.EditingFormTable td input[type="checkbox"], 
.EditingFormTable td input[type="radio"] {
    padding: 0;
    height: 0;
    position: absolute;
}

    .EditingFormTable td input[type="checkbox"] + label, 
    .EditingFormTable td input[type="radio"] + label {
        margin-bottom: 10px;
    }

/**
*.* Contact form mobile
**/

#content .contact-container table.EditingFormTable{
    width: calc(100% + 30px);
    margin: 0 -15px;
}

#content .contact-container table.EditingFormTable tr{
    width: 100%;
    display: inline-block;
}

#content .contact-container table.EditingFormTable td{
    width: 100%;
    display: block;    
}

#content .contact-container table.EditingFormTable #CalendarControl{
    position: relative;
}

#content .contact-container table.EditingFormTable td.EditingFormValueCell{
    padding-top: 0;
}

#content .contact-container table.EditingFormTable td .EditingFormCalendarTextBox{
    width: 100%;
}

#content .contact-container table.EditingFormTable .date-time-picker .control-group-inline > a{
    margin-top: 10px;
    right: 0;
}

#content .contact-container table.EditingFormTable td button.icon-only{
    left: 85px;
    top: 12px;
}

#content .contact-container table.EditingFormTable .CaptchaTable{
    width: 100%;
}

#content .contact-container table.EditingFormTable .CaptchaTable input{
    width: 100%;
}

#content .contact-container table.EditingFormTable .CaptchaTable tr td:last-child{
    padding: 0;
    max-height: 1px;
}

#content .contact-container table.EditingFormTable #SecurityCode{
    position: relative;
}

#content .contact-container table.EditingFormTable #SecurityCode + tr td.EditingFormButtonLeftCell{
    display: none;
}

#content .contact-container table.EditingFormTable #SecurityCode img{
    position: absolute;
    top: 10px;
    left: 120px;
}

#content .contact-container table.EditingFormTable #SecurityCode  td.EditingFormValueCell{
    padding:0;
}

#content .contact-container table.EditingFormTable #SecurityCode  td.EditingFormValueCell label{
    padding-left: 10px;
}

/** // Contact form mobile */


/**
*.* Content Tables
**/

/*.main-area > table td{ width: 100%; display: block;}*/

#content .main-area > table tr td:first-child{ padding-bottom: 5px}

#content .main-area > table tr td:last-child{ padding-top: 5px}



/** // Content Tables */


/**
*.* Large download
**/

.download-full-block.desktop{
    display: inline-block;
    margin-bottom: 0;
}
.download-full-block a{
    left: inherit;
    width: 100%;
    position: relative;
    display: inline-block;
    bottom: 0;
}

#content .download-full-block.desktop p{
    margin-bottom: 25px;
}

.download-full-block p, 
.download-full-block > div > span, 
.download-full-block h3{
    padding-left: 0;
    width: 100%;
}

.download-full-block h3{
    line-height: 1.5em;
}

.download-full-block img{
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
}

/** // Large download */


/**
*.* Across Table *
**/

#content .main-area > table.across-width{
    width: 100%;
}

#content .main-area > table.across-width td{
    width: 20% !important;
    display: inline-block;
    font-size: 13px;
    padding: 10px;
    vertical-align: top;
    text-align: center;
}

#content .main-area > table.across-width td.full-width{
    width: 100%  !important;
}

#content .main-area > table.across-width tr td:last-child{
    padding: 10px;
}



/** // Across Table */


#content table tbody .payment-button a{
    width: 100%;
}

.mobilecontent{
    padding-top: 15px;
    margin: 0 -15px;
    display: inline-block;
}    

.nmbi-selector-form + .payment-buttons button {
    min-width: inherit;
    width: 49%;
    padding: 15px;
    margin-right: 1%;
}

#content .contact-header h1{
    position: relative;
    width: calc(100% + 30px);
    background-color: #009ddb;
    font-size: 1.5em;
    text-align: center;
    margin-left: -15px;
    font-weight: 700;
    padding: 15px 30px;
    margin-top: -26px;
    z-index: 3;
    color: #fff;
    margin-bottom: 0;
}

#content .contact-header .breadcrums.mobile{
    position: relative;
    overflow: hidden;
    font-size: 0.75em;
    padding-left: 0;
    padding-top: 14px;
}

.col-md-10.contact-container .col-md-6 table.EditingFormTable {
    margin: 0 -15px;
    width: auto;
}

.col-md-10.contact-container,
.col-md-10.contact-container .col-md-6{
    padding:0;
}

.contact-container iframe{
    width: 100%;
}

#advice-options .col-md-4.date:after{
    padding: 15px 5px 15px 30px; 
}



.open .multiselect-container.dropdown-menu  {
    padding-top: 0;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    /*display: block !important;*/
}

#toparea .col-md-4 input, #toparea .col-md-4 button {
    font-size: 16px;
    padding: 15px 15px 14px;
}

#buttons .container a.back.desktop{
    display:none;
}    

#toparea .breadcrums{
    padding: 0 15px;
}

#toparea .breadcrums.mobile.app{
    padding: 0;
}

.member-details {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-bottom: 0;
    margin-top: 0;
    border-top: 1px solid #fff;
}

.searchDialog.blueBox{
    padding: 15px;
    background-color: #efefef;
}

.login .search-dialog .form-group {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px !important;
}

.ecommerce_address.address_selector .editing-form-value-cell:after, 
#field_NMBICounty:after, 
#field_NMBICountry:after, 
#field_AddressCountryID:after{  
    top: 11px;
    right: 1px;
    border-radius: 4px;
    padding: 15px 13px 10px 15px;
    }




.inner #bannerArea h1{
    bottom: inherit;
    top:0;
}

.check-reg #content #toparea h1 {
    display:none
}

.fulllist{
        vertical-align: top;
    padding: 20px 15px;
    background-color: #efefef;
}


   .search .fulllist {
        float:left;
    }

    .search-result-item {
        width: calc( 30px + 100%);
        margin: 0 -15px;
        background-color: #fff;
        }


.fulllist h2{
    margin: 0 15px;
    width: 100%;

}

    .searchDialog .searchTextMode > div .form-group {
        width: 100%;
    }

        .searchDialog .searchTextMode > div .form-group.form-group-submit {
            width: 100%;
        }

.payment-buttons {
    display:block;
    background-color:#eee;
    margin:0 -30px;
    position:relative;
    padding:0 15px 15px
}

.payment-buttons input:first-child {
    text-align:right
}

.payment-buttons input {
    width:49%;
    min-width:49%
}

.pagination-items-per-page,#content .main-area ul.pagination-list {
    font-size:.875em
}

button.multiselect:after {
    padding:15px 15px 15px 18px;
    right:0
}

#content .unigrid-content table._nodivs {
    font-size:.875em
}

#content .unigrid-content table tr th:first-child,#content .unigrid-content table tr td:first-child {
    width:40px
}

.form-horizontal.login-panel {
    margin-bottom:0
}

.nmbi-selector-form.login-panel {
    padding:30px 15px
}

#content .login-panel div {
    float:none!important
}

.only-desktop {
    display:none
}

.desktop.tablet {
    display:none
}

#advice-options .col-md-4 {
    margin-bottom:5px
}

#form-area-container {
    margin-top:30px;
    width:100%;
    background-color:transparent
}

.main-area .login.col-md-10 {
    margin-top:-10px;
    padding:0 15px
}

.main-area .login.col-md-10 .form-area {
   /* width:100% */
       width: auto;
    margin: 0 -15px;
}

#content .ret.login.col-md-10 .form-area table tbody tr:nth-child(odd){
    background: #fff;
}

#content .ret.login.col-md-10 .form-area table tbody tr:nth-child(even){
    background: #efefef;
}

.TotalPriceContainer {
    text-align:center
}

.AddToCartContainer a {
    width:100%;
    text-align:center
}

#subscribe>div:first-child {
    width:100%;
    padding-right:0
}

.logo img {
    display:none
}

.searchOpen .mobile-btns .search .form-control {
    width:100%;
    padding:10px 30px 10px 17px
}

.searchBox {
    position:relative
}

.search .searchBox .btn-default {
    position:absolute;
    right:0;
    top:0;
    background-color:#fff;
    width:60px;
    height:40px;
    text-indent:-10000px;
    display:inline-block;
    min-width:45px;
    background-image:none
}

#buttons .col-md-3 a {
    padding:15px 0;
    padding-bottom:15px
}

#content .col-md-4.panel {
    width:100%;
    float:left
}

#content .col-md-4.panel li {
    padding-left:0
}

#content .col-md-4.panel a {
    width:100%
}

#content .col-md-4.panel.last {
    display:none
}

#content .homepage .col-md-4.panel.last {
    display: inline-block;
}

#content .homepage .col-md-4.panel.last a{
    padding-right: 0;
    padding-left: 0;
}

#content .container.homepage {
    padding-left:15px;
    padding-right:15px
}

#subscribe .input-group input {
    font-size:1em
}

#subscribe .input-group input.SubscriptionButton {
    text-align:center
}

#subscribe p {
    margin-top:10px
}

/*** Form Eemnents ***/
.radio-label,button.multiselect,select,button[type="submit"],input[type="radio"],input {
/*font-size: 0.875em;*/
    font-size:16px;
    padding:15px
}

button.icon-only {
    background-color:#d54308;
    color:#fff;
    font-size:.75em;
    border:none;
    border-radius:3px;
    padding:0 10px;
    margin-top:-2px;
    float:right;
    position:absolute;
    top:0;
    right:0
}

.login-panel input[type="submit"],input[type="submit"],button[type="submit"] {
    padding:15px
}

a.cancel,
.payment input[type="submit"] {
    width:48%;
    margin-top: 0px;
    min-width: inherit;
        padding: 15px;
}
/*edited for overseas page - extra margin was making the page move on mobile - MOG -April 2016*/
.col-md-6.payment{
    width: auto;
    /*margin: 0 -30px;*/
    margin: 0 -15px;
    /*background-color: red;*/
    padding: 0;
}

.col-md-6 .nmbi-selector-form.pp{
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    min-width: initial;
    vertical-align: bottom;
}

.col-md-6 .nmbi-selector-form.pp.co{
    margin-top: -20px;
    float: none;
    margin: 0 -30px;
    width: auto;
}

.nmbi-selector-form.pp.co #field_NMBICountry:after,
.nmbi-selector-form.pp.co #field_NMBICounty:after{top: 25px;}

#content h1.mobile{
    width: auto;
    background-color: #009ddb;
    font-size: 1.5em;
    text-align: center;
    margin: 0 -15px;
    font-weight: 700;
    padding: 15px 30px;
    z-index: 3;
    color: #fff;
    display: block;
}

.faqs .breadcrums.mobile.sub{
    margin: 0 -15px;
    font-size: 12px;
    padding-top: 10px;
    background: #efefef;
    margin-bottom: 10px;
} 

.faqs .col-md-10 > h1{
    display: none;
}

.col-md-10 .col-md-6 table.EditingFormTable {
    width: 100%;
    margin-left: -30px;
    }

.payment .nmbi-selector-form.pp{
    margin: 0;
}

/*.aspNetDisabled.btn{
    padding: 15px;
    min-width: 120px;
    margin: 20px 0;
}*/
/*.date-time-picker .control-group-inline>a {
    right:78px
}*/

.login.col-md-10,.login.col-md-6 {
    margin-left:-15px;
    margin-right:-15px
}

.annual-retination.login,.login.col-md-10 {
    padding:0
}

.annual-retination table {
    margin-bottom:0
}

#content .annual-retination.login table tr td:first-child {
    padding-left:15px;
    width:50%
}

.login.col-md-10 {
/* max-width: 100%;*/
    overflow-y:scroll
}

#content .login.col-md-10 h1 {
    margin-top:0
}

.form-panel {
    padding:30px 15px;
    margin-left:-15px;
    margin-right:-15px;
    margin-bottom:0
}

.main-area .col-md-1:empty,.main-area .col-md-3:empty {
    display:none
}

div.password-strength-text {
    width:100%
}

div.passw-strength-indicator {
    display:none
}

.logo {
    background-image:url(images/mobile-logo.jpg);
    width:173px;
    background-size:100% auto;
    display:block;
    height:47px
}

#bannerArea h1 {
    padding:15px;
}

#bannerArea h1 small {
    line-height:1.25em
}

.row-subscribe {
    margin-left:-15px;
    margin-right:-15px
}

#subscribe {
    padding: 25px 15px 18px;
    margin: 0 -15px;
}

#subscribe input[type=submit] {
    float: none;
    display: block;
}

.col-md-8.login.appealsform {
   
}

#buttons {
    background-color:#efefef;
    position:relative;
    padding-top:0
}

#buttons i {
    display:none
}

.search input {
    font-size:16px
}

#content .container article.col-md-4 a {
    width:100%
}

#content .container {
    padding-left:15px;
    padding-right:15px;
    min-height: auto;
}

#content .col-md-4.panel {
    margin-bottom:14px;
    padding:0
}

#content h2,#content h3 {
    line-height:1em
}

#content .container article {
    padding-left:0;
    padding-right:0
}

body {
    padding-top:84px
}

header {
    position:fixed;
    top:0;
    width:100%;
    z-index:99;
    background-color:#fff
}

header .bottom nav {
    z-index:10
}

header .bottom nav ul {
    padding:15px 0;
    display:block
}

header .bottom nav li {
    width:100%;
    padding:15px 30px
}

footer .bottom {
    font-size:14px
}

footer .bottom .container {
    height:90px;
    position:relative;
    font-size:14px
}

footer .middle {
    background-color:#333
}

footer .middle a {
    border:2px solid #fff;
    color:#fff;
    font-size:12px;
    font-weight:700;
    padding:15px 0;
    margin:8px 0;
    border-radius:3px;
    width:49%
}

footer .middle a:first-child {
    margin-right:2%
}

footer .bottom {
    background-color:#000
}

.cta-button small {
    margin-top:8px;
    line-height:1.25em
}

.cta-button.small-btn.right,.cta-button.small-btn.left {
    width:100%;
    display:inline-block;
    float:none
}

.download-half-block .inner a {
    font-size:1.5em;
    padding:15px 15px 15px 25px;
    text-align:center
}

.download-half-block .inner {
    min-height:245px
}

.cta-button small span:empty {
    display:none
}

/************* Login Area ***************************/
#content .login .bottom-area a {
    padding:15px 0;
    width:100%;
    text-align:center
}

#content .login .bottom-area p {
    margin-top:15px;
    text-align:left
}

#content .login h1 {
    margin:-25px -15px 0;
    background-color:#009ddb;
    color:#fff;
    font-size:1.5em;
    padding-top:15px;
    font-family:'Avenir LT Std 55 Roman'
}

#content .login-panel a.forgot-password.desktop {
    margin-left:0;
}

#content .LogonPageBackground table tbody a.desktop {
    display:none
}

#content .LogonPageBackground table td {
    padding:0
}

#toparea .breadcrums,
.breadcrums.newsevents,
.login .breadcrums {
    font-size:.75em;
    color:#666;
    padding-left:15px;
    padding-bottom:20px;
    padding-top:20px;
    margin:0 -15px;
    background-color:#efefef;
    margin-bottom:0;
    position:relative;
    overflow-y:scroll
}

#toparea .breadcrums{
    margin: 0;
    padding-top:0;
}

.col-md-10.newsevents{
    padding: 0;
    margin: 0 -15px;
}

#content .container article.news p{
    width: 100%;
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
    display: none;
}

#content .container article.news{
    padding: 25px 15px 30px 15px;
}

#content .container article.news h2{
    line-height: 1.2em;
}

#content .container article.news h2 span{
    margin-top: 5px;
}

#content .container article.news .right{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
    #content .container article.news.ezine {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    #content .container article.news.ezine .right {
        position: relative;
        right:0;
        top:0;
    }

#content .newsItemDetail h1{
line-height: 1.2em;
}


.login .breadcrums > div {
    position:absolute;
    left:15px;
    top:10px;
    min-width:100%
}

.login .col-md-1 {
    min-height:0
}

.login .breadcrums .loggedin {
    float:none;
    width:100%;
    text-align:center;
    margin:15px 0 0;
    font-size:16px
}

.login #content .breadcrums p {
    margin-bottom:0;
    font-size:1em
}

#content table td.FieldLabel {
    width:100%
}


.basic-form-wrapper label {
    color:#666
}

.main-area .login .col-md-10,.main-area .login .col-md-8 {
    padding:0
}

.main-area .login .col-md-10 {
    margin:0 -15px
}

/* this rule was bringing the content up into the breadcrumbs
.main-area .login {
    margin-top:-26px
}
changed to padding-top:15px
*/  
.main-area .login {
    padding-top:15px
}

.main-area .password-change-details.login {
    margin-top:0;
    margin-bottom:0
}

.main-area .password-change-details.login > span {
    color:#666;
    padding:15px;
    margin-bottom:0;
    display:block
}

.signoutButton,.signoutButton + span,.signoutButton + span + span {
    display:none
}

.main-area .login .col-md-10 .login-panel {
    padding:0 15px;
    margin-top:0
}

.main-area .login .col-md-10 .login-panel input {
    padding:15px;
    font-size:16px
}

#content .main-area .login .col-md-8 > p {
    margin-bottom:20px;
    margin-top:10px
}

.login.help #content .col-md-4.panel {
    padding:0;
    margin-bottom:-1px;
    border-radius:0
}

.login.help #content .col-md-4.panel a {
    border-radius:0
}

.login.help #content .col-md-4.panel.first a {
    border-radius:3px 3px 0 0
}

.login.help #content .col-md-4.panel.last a {
    border-radius:0 0 3px 3px;
    margin-bottom:35px
}

#content .login .col-md-6 h2 {
    text-align:center;
    font-size:1.25em;
    margin-bottom:15px
}

.login .bottom-area {
    margin-top:25px;
    text-align:center;
    margin-bottom:60px
}

#content .login .bottom-area h2 {
    font-size:1.25em
}

.panels {
    margin-bottom:37px;
    display:inline-block
}

#content .main-area > h1.news-header,
#content .login h1 {
    margin:-30px -15px 0!important;
    background-color:#009ddb;
    color:#fff;
    font-size:1.5em;
    font-family:'Avenir LT Std 55 Roman';
    padding-bottom:20px;
    display:block;
    width: calc(100% + 30px);
}

    #content .main-area .password-change-details > h1 {
    margin-top: 0 !important;
    }


    #content .login.appealsform h1 {
        margin-top:25px !important;
    }

#content .main-area > h1.news-header{
    padding-top: 15px;
}

    #subscribe .col-md-6,
    #subscribe .col-md-6.no-right{
        width: 100%;
        margin-right:0;
        padding-right:0;
    }

#subscribe input[type="checkbox"] + label {
    width: 100%;
    height: 42px;
    padding: 11px 30px 7px 15px;
    margin-bottom: 15px;
}

.subscribe {
    margin-right: -15px;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 85px;
}



.subscribe.errorInFrame {
    min-height: 390px;
}

.subscribe iframe{
    border: none;
    position:absolute;top:0;left:0;width:100%; height:100%;
}

.login .breadcrums .loggedin {
    float:none;
    width:100%;
    text-align:center;
    margin:15px 0 0;
    font-size:16px
}

.login #content .breadcrums p {
    margin-bottom:0;
    font-size:1em
}

.main-area .login .col-md-10,.main-area .login .col-md-8 {
    padding:0
}

.main-area .login .col-md-10 {
    margin:0 -15px
}

.main-area .login .col-md-10 .login-panel {
    padding:15px 15px 15px;
    margin-top:0
}

.main-area .login.second .login-panel {
    padding:20px 15px 10px;
    margin:0
}

.main-area .login .col-md-10 .login-panel input {
    padding:15px;
    font-size:.875em
}

#content .login-panel div input:focus {
    font-size:16px
}

.login #content .main-area .col-md-8 > p {
    margin-bottom:20px
}

.login.help #content .col-md-4.panel {
    padding:0;
    margin-bottom:-1px;
    border-radius:0
}

.login.help #content .col-md-4.panel a {
    border-radius:0
}

.login.help #content .col-md-4.panel.first a {
    border-radius:3px 3px 0 0
}

.login.help #content .col-md-4.panel.last a {
    border-radius:0 0 3px 3px;
    margin-bottom:35px
}

#content .login-panel h2 {
    text-align:center;
    font-size:1.25em;
    margin-bottom:15px
}

.login .bottom-area {
    margin-top:25px;
    text-align:center;
    margin-bottom:40px
}

.login #content .bottom-area h2 {
    font-size:1.25em
}

#content .inner-page-search #toparea .radio-toolbar {
    width: 100%;
}

#content .inner-page-search #toparea .col-md-4.date div{
    color: #666;
    font-size: 1em;
}

#content .inner-page-search #toparea .radio-toolbar label {
    float: none; 
}
#content .inner-page-search #toparea .radio-toolbar label:last-child {
    margin-left: 0px;
}

.main-area .staff img {
    width: 50% !important;
    margin: 0 25% 20px;
    float: none !important;
}

.main-area .staff.img-container{
	margin:0;
}

#board-member-container.img-container{
	margin: 0 0 20px 0;
}

}


@media (max-width: 375px) {
input[type="checkbox"] + label, input[type="radio"] + label{
    padding-right: 45px;
}
.DateOption {
    width: 100%;
}
    #course-list li h2 {
        max-width: 100%;
    }
        #content .main-area div:not(.nmbi-selector-form):not(.login-panel) > table tr {
        border: none;
        /*background-color: #fff!important;*/ /*01/04/2016*/
        padding: 0;
    }
}


@media (max-width: 320px) {
body,header {
    width:320px
}

#buttons .col-md-3 a {
    font-size:.75em
}

.help-center-top .input-group input[type="submit"] {
    padding: 15px 35px 15px 16px;
}

}

/*** NMBI Fixes ***/
/* --------------------------------------------*/




.ie10 #bannerArea h1 small{
	display: block;
}

.firefox #bannerArea h1{
	max-width: 730px;
}


.ie8 header .search input{
	padding: 11px 45px 12px 15px;
}

.ie8 #subscribe .input-group input[type='submit']{
	background-position: 90% 50%;
}

.big-text .help-center-top + span .panel .col-md-12{
	min-height: 156px;
}

.search-result-item-title{
	font-size: 1.125em;
}

.searchTextMode label{
visibility: hidden;
}

a.AddToCartLink, .red-cta-buttons a{
	font-size: 1em;
}

.ie8 .LogonPageBackground input[type='submit']{
	background-position: 95% 50%;
}

span.ErrorLabel:empty{
	display: none;
}

#advice-options #Duration{
	margin-top: 19px;
}

#advice-options .col-md-4.date:after{
	top: 21px;
    padding: 20px 18px 17px 30px;
}

#advice-options .col-md-4.date input{
	    padding: 17px 15px;
}

.firefox #advice-options .col-md-4.date input{
		padding: 18px 15px;
}


.firefox #advice-options .col-md-4.date::after {
    padding: 20px 18px 15px 30px;
    right: 17px;
    top: 21px;
}

.ie9 #advice-options .col-md-4.date::after {
    padding: 20px 18px 12px 30px;
    right: 17px;
    top: 21px;
}

.ie10 #advice-options .col-md-4.date::after {
    padding: 20px 18px 12px 30px;
}

.ie10 #advice-options .date.col-md-4 input{
	padding: 20px 15px 19px;
}

.open ul.multiselect-container{
	margin-top: -10px !important;
}


.ie8 header .bottom nav li.last a{
	background-color: #d54308;
	color:#fff;
}

header .bottom nav li.last.Highlighted a:hover, 
header .bottom nav li.last a:hover{
	 background-color: #c03f0c;	
}




#content .news h2 span{
	font-size: 0.625em;
}

.news a.more{
	font-size: 1em;
}

body {
    font-family:'Avenir LT Std 55 Roman', Verdana, Geneva, sans-serif;
}

.PagerControl{
	margin-bottom: 30px;
}

.PagerNumberArea{ text-align: center}

.PagerNumberArea span span.SelectedPage{    padding: 2px 8px;
    margin: 0 2px;
	color: #009ddb;
	background-color: #ffffff;
	border: 2px solid #009ddb;
	border-radius: 3px;
}

.PagerNumberArea > span{
	color: #009ddb;
	padding: 0 !important;
}


.PagerNumberArea span a{ color: #fff;
    padding: 2px 8px;
    margin: 0 2px;
    border-radius: 3px;
	background-color: #009ddb;
	border: 2px solid #009ddb;
}

span.SelectedPrev{
	color: #009ddb;
}

.PagerNumberArea span:first-child a,
.PagerNumberArea span:last-child a{ 
	color: #009ddb;
    padding: 2px 0px;
    margin: 0 2px;
    border-radius: 3px;
	background-color: transparent;
	border: 2px solid transparent;
}


.PagerNumberArea span a:hover,
.PagerNumberArea span a:active,
.PagerNumberArea span a:focus{
	color: #009ddb;
	background-color: #ffffff;
}

.PagerNumberArea span:first-child a:hover,
.PagerNumberArea span:last-child a:hover{
	font-weight: bold;
	color: #009ddb;
}



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


/** Styles overwriting table styles fro mobile login - Line 973 + 
    
    /04/04/2016

    correct structure : #content .main-area div:not(#create-account-login) > table  tbody a
    
    ***/
@media (max-width: 767px) {
    #content .main-area #create-account-login table tr:first-child{
    position:relative;
    top: auto;
    left: auto;
}

    #content .main-area #create-account-login table tr
     {
        border: none;
        background-color: #efefef!important;
        padding: 15px 15px;
    }

    #content .main-area #create-account-login table tbody a{
    display: none;
}/* overwritten for create your account mobile login - 04/04/2016 - line 2600+ */


}