/**
 *NMP ***************************************************
 *CSS code to convert original template to be responsive
 * 
 */

 img{max-width:100%;} 
 table img{max-width: none;}
#front-intro > div > div.nmp-clear{float: none !important; width: auto !important; padding: 0px !important; max-width: none !important;}

#outer-header-container, #content-container, .footer-container{width:auto; max-width:942px; margin: 0 auto;}

 #outer-header-container{height:110px; position: relative;}
 #header-container{height:100px;}
 #content-column{margin-top:0px; display:block;}
 #content-column:after{display: block; content: ''; clear: both; font-size: 0px;}
 #links-column{margin-top:0px;}
 .tablet-display{display:none;}
 #main-nav, #select-language{z-index: 999;}

.bg-fix{position: absolute; left:280px; top:0; bottom: 0; right: 0; background: #ffffff; display: none;}

#front-intro.double-column{background: none;}
.nmp-wording{color: #141414; padding:20px; font-size: 16px; line-height: 22px;}
.nmp-wording p{text-align: center; margin: 0px;}
.nmp-wording a{color:#c10000; text-decoration: underline;} 
h2.nmp-heading{background:#363636;}
#front-intro > div > div.nmp-wording{float: none !important; width: auto !important; max-width: none !important; padding:20px !important; }

.nmp-slider-outer{padding: 4px; border: 1px solid #888; border-radius: 5px;}
.nmp-slider { position: relative; overflow: auto; margin:0px; width: 100% !important;}
.nmp-slider ul{margin:0px; padding: 0px;}
.nmp-slider li { list-style: none; padding: 0px; margin:0px;}
.nmp-slider ul li { float: left; }
.nmp-slider ul li img{display: block;}

#nmp-services{background:#CC0000; padding: 10px; color: #ffffff; position: absolute; bottom: 0px; left: 50%; width: 184px; margin-left:-102px; font-size:14px; text-align: center;}
.quote-request-block form{padding:8px 5px 12px 5px;}
.quote-request-block form label{}

.nmp-head{position: relative;}
#nmp-mobile-links{display: none; text-align: center; padding:15px; font-size:13px !important;}

@media(max-width: 980px){
  .bg-fix{display: block;}
  body{margin:0px; -webkit-text-size-adjust: 100%;}
  #content-container img{height: auto;}

  object{width:100%;}

  h2:before{clear:both; display:block; width:100%; content:""; font-size: 0px; line-height: 0px; height: 0px;}
  
  .nmp-login{position: absolute; background:url(/img/nmp-login.png) no-repeat; width:148px !important; height:44px !important; margin-top:0px !important; margin-right:0px !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; right:5px !important; z-index: 999;} 
  .nmp-login a{margin-top:28px; display:inline-block; margin-left:20px; font-size:11px; line-height: 11px;}
  .nmp-payment{position: absolute; background:url(/img/nmp-creditcards.png) no-repeat; width:180px !important; height:45px !important; margin-top:48px !important; margin-right:0px !important; text-align:right !important; padding-right:5px !important; padding-top:5px !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; right:5px; z-index: 999;}
  #select-language{position: relative; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px; top:0px; margin-top:0px !important;}
  #main-nav{position:relative; top:0px; left:0px; background:#CC0000; padding:15px; margin-bottom: 15px;}
  #main-nav > ul {display:inline-block; float:none;}
  #main-nav > ul > li{padding:0px 10px; border-left:1px solid #fff; float:none; display:inline-block;}
  #main-nav > ul > li:first-child{border:none;}
  #main-nav > ul > li > a{width: auto !important; font-size:11px !important;} 
  .sf-menu li a span{padding:0px !important;}
  #main-nav a.free-quote {width:auto !important; margin-left:0 !important; display:inline-block; font-size:11px; border-left:1px solid #fff; margin-left:10px; padding-left:10px; border-radius: 0px; -webkit-border-radius:0px; -moz-border-radius:0px;}
 
 #header-container{height: 95px;}
 #outer-header-container{height:auto;}

 #select-language:after{display: block; content: ''; clear: both; display: block;}

  #content-container{background-image:none; background-color:#fff;}
  #content-column{margin-left:0px; background:#fff; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 78%; display:block; padding-left:30px; padding-right:30px; border-right:1px solid #999;}
  #links-column{margin-right: 0; width: 22%; padding-right: 25px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background:#fff; padding-left:10px;}
  #links-column iframe{width:100%;}
  #swfContent{width:100%;}

  .nmp-social-icons{height: auto !important; min-height: 40px !important;}
  .nmp-social-icons:after{clear:both; display: block; content: ""; font-size:0px; }

  /* Home */
  #front-intro > div{width:100% !important;}
  #front-intro > div > div{width:50% !important; margin:0px !important; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
  #front-intro > div > div:first-child{padding-right:20px; padding-left:0px;}
  #front-intro > div > div{padding-left:20px; padding-right:0px;}
  #front-intro > div > div img {box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
  .double-column{background:none;}
  #content-container .bottom{background:none;}

  /* News*/
  #content-container.content-type-news table {width:100% !important;}

  /* Branch */
  #map-container{width: 100%; overflow-x:scroll;}
  #map-container #map.home{width: 642px;}

  .nmp-footer-links{background:none !important;}
  #footer-links{width:52% !important; height:auto !important;}
  .nmp-footer-middle{width:27% !important;}
  .nmp-footer-right{width:21% !important;}
  #footer-links ul{width:50% !important; position: relative !important; top: 0px !important; left:0px !important;}
  #footer-links ul ul{width:100% !important;}

    /* Branches */
  .branch-page-nav + #tab-1 > div{float: none !important; padding-left: 0px !important; padding-right:0px !important; margin-left:0px !important; margin-right:0px !important;  width:100% !important;}
  .branch-page-nav + #tab-1 .newQRblock2{position: relative !important; margin-top: 0px !important; margin-left: 0px !important; float: none !important;} 

  /* Random */
  img[alt="Mr. GoodMove"]{margin-left:0px !important;}
 }

 @media(max-width: 768px){
  .tablet-display{display:block;}
  img{height:auto !important;}
  #main-nav{display: none; margin-bottom: 0px;}
  #content-column{padding-top:15px;}

  #main-nav > ul {display:block; margin:0px;}
  #main-nav > ul > li{display:block; border:none;}
  #main-nav a.free-quote{border:none;}
  #main-nav > ul > li > a > span{padding:5px 0 !important;}
  #main-nav > ul > li > ul, 
  #main-nav > ul > li > ul > li.sfHover > ul, 
  #main-nav > ul > li > ul > li.sfHover > ul > li.sfHover > ul,
  #main-nav > ul > li > ul > li.sfHover > ul > li.sfHover > ul > li.sfHover > ul,
  #main-nav > ul > li > ul > li.sfHover > ul > li.sfHover > ul > li.sfHover > ul > li.sfHover > ul
  {display:block !important; width:auto; position:relative; top:0px; left:0px; margin:0px 0px; border-left:none; border-bottom:none; border-left:none; }
  #main-nav > ul > li > ul li:last-child{border-bottom:none;}

  #main-nav > ul > li ul li{float: none;}
  #main-nav > ul > li ul li a{width:100% !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  #main-nav > ul > li ul ul{padding-left:15px; border-right:none; margin-top:0px; margin-bottom:-1px;}
  #main-nav-toggle{padding:15px; border:1px solid #999; border-left:none; border-right:none; text-align:center; }
  #main-nav-toggle img{vertical-align: middle;}
  #main-nav-toggle span{vertical-align: middle; padding-left:10px;}
  .sf-menu li a span{font-size: 11px;}

  #nmp-mobile-links{display: block;}

  #content-column{width:auto; float:none; border-right:none; padding-left:40px; padding-right:40px;}
  #links-column{width:auto; float: none; padding-left:40px; padding-right:40px;}
  ul.local-pages li:first-child{width:100%; text-align: center;}
  .double-column{background:transparent url(/img/vr-01.png) 50% 0 repeat-y;}
  #front-intro > div > div{max-width: 305px !important; float: right !important; padding-left:5px;}
  #front-intro > div > div:first-child{float: left !important; padding-right:5px;}

  #side-nav > div:first-child{text-align: center;}
    #side-nav h4{text-align: center;}
    .nmp-banner{display: none;}

  #links-column iframe{width:177px; margin:0 auto; display:block;}
    .nmp-brochure-content{text-align: center; background:#ebebeb; padding:10px;}
    .nmp-social-icons{border-bottom: none !important;}
    .nmp-social-icons + div{background:#ebebeb; border-bottom:1px solid #ddd; padding-bottom:10px;}
    .socail-media-icon{display:inline-block !important; float:none !important;}
    .nmp-brochure-content + a{margin-top:20px; display:block;}

    #footer-links{width:100% !important;}
    .nmp-footer-middle{width:50% !important; padding-top:30px;}
    .nmp-footer-right{width:50% !important; text-align:right !important;}
    #footer-links ul{width:33.33% !important;}
    .nmp-footer-right a{display:inline-block;}
    .green-initiatives a.one-move-one-tree{margin-top:0px; margin-left:10px;}

    /* Enquiry Form */
    #EnquiryEmailUsForm .content-container div[style="float: left; width: 33%;"]{float: none !important; width: auto !important;}
  .quote-request-block form{padding:5px;}
 }

  @media(max-width: 639px){
    
    #footer-links{width:100% !important;}
    #content-column{padding-left:10px; padding-right:10px;}
    #links-column{padding-left:10px; padding-right:10px;}
    
}

@media(max-width: 540px){
  .mobile-hide{display: none;}
}

@media(max-width: 480px){
  p{text-align: left;}
  #banner-container{display: none !important;}
  #swfContent{height:240px;}
  #footer-links ul{width:100% !important;}
  .nmp-footer-middle{width:100% !important;}
  .nmp-footer-right{width:100% !important; text-align:left !important;}
  .nmp-payment{float: left !important; background:url(/img/nmp-creditcards-mobile.png) -18px 4px no-repeat;  padding:10px !important; margin:0 !important; width:175px !important; position: relative;}
  .nmp-login{float: left !important; background-position:center center; right: 0 !important; margin:10px !important; padding:0px !important; height:25px !important; width:90px !important; position: relative;} 
  .nmp-login a{margin:0px !important;}
  .nmp-top-content{position: absolute;  bottom: 0px; left:0; right:0; background:#ffffff;}
  .nmp-top-content-inner{margin:0 auto; width:290px;}
  #header-container{padding-bottom:40px;}
  .nmp-wording, .nmp-wording p{font-size: 14px !important;}
  #nmp-mobile-links{right:5px;}

  /* Enquiry Form */
  #EnquiryEmailUsForm #EnquiryComments{width:100%;}
  .quote-request-block form label{margin-top: 0px;}
  .quote-request-block form .submit{margin-bottom: 0px;}

  /* Random */
  div[style="width: 50%; float: left;"]{width:auto !important; float: none !important;}
}


@media(max-width: 479px){
  .double-column{background:none;}
  #front-intro > div > div{float:none !important; max-width: none !important; width:100% !important; padding-left:0px !important; text-align:center;}
  #front-intro > div > div:first-child{float:none !important; width:100% !important; padding-right:0px !important; margin-bottom:10px !important;}
  #front-intro > div > div p{text-align: center;}
  .nmp-slider-outer{max-width: 290px; margin:0 auto;} 
}

@media(max-width: 360px){
  #swfContent{height:180px;}
}

@media(max-width: 359px){
  img.content-left{float:none !important; display: block; margin-left: 0px; margin-right:0px; }
  img.content-right{float: none !important; display: block; margin-left: 0px; margin-right: 0px;}
}

@media(min-width: 769px){
  #main-nav{display: block !important;}
}

/* RANDOM */
img[title="UN Global Compact"]{float: none !important;}
div[style="margin-bottom: 25px; border: 1px solid #ccc; width: 640px; padding: 0 0 10px 0;"], div[style="margin-bottom: 25px; border: 1px solid #ccc; width: 640px;"]{width: 100% !important;}
div[style="margin-bottom: 25px; border: 1px solid #ccc; width: 640px; padding: 0 0 10px 0;"] img, div[style="margin-bottom: 25px; border: 1px solid #ccc; width: 640px;"] img{box-sizing:border-box; -moz-box-sizing:border-box; margin:0px !important; padding:5px !important; }