/* Reset  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 960 16 Grid */
body { min-width: 960px; }
.container_16 { margin-left: auto; margin-right: auto; width: 960px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16 { position: relative; }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.container_16 .grid_1 { width: 40px; }
.container_16 .grid_2 { width: 100px; }
.container_16 .grid_3 { width: 160px; }
.container_16 .grid_4 { width: 220px; }
.container_16 .grid_5 { width: 280px; }
.container_16 .grid_6 { width: 340px; }
.container_16 .grid_7 { width: 400px; }
.container_16 .grid_8 { width: 460px; }
.container_16 .grid_9 { width: 520px; }
.container_16 .grid_10 { width: 580px; }
.container_16 .grid_11 { width: 640px; }
.container_16 .grid_12 { width: 700px; }
.container_16 .grid_13 { width: 760px; }
.container_16 .grid_14 { width: 820px; }
.container_16 .grid_15 { width: 880px; }
.container_16 .grid_16 { width: 940px; }
.container_16 .prefix_1 { padding-left: 60px; }
.container_16 .prefix_2 { padding-left: 120px; }
.container_16 .prefix_3 { padding-left: 180px; }
.container_16 .prefix_4 { padding-left: 240px; }
.container_16 .prefix_5 { padding-left: 300px; }
.container_16 .prefix_6 { padding-left: 360px; }
.container_16 .prefix_7 { padding-left: 420px; }
.container_16 .prefix_8 { padding-left: 480px; }
.container_16 .prefix_9 { padding-left: 540px; }
.container_16 .prefix_10 { padding-left: 600px; }
.container_16 .prefix_11 { padding-left: 660px; }
.container_16 .prefix_12 { padding-left: 720px; }
.container_16 .prefix_13 { padding-left: 780px; }
.container_16 .prefix_14 { padding-left: 840px; }
.container_16 .prefix_15 { padding-left: 900px; }
.container_16 .suffix_1 { padding-right: 60px; }
.container_16 .suffix_2 { padding-right: 120px; }
.container_16 .suffix_3 { padding-right: 180px; }
.container_16 .suffix_4 { padding-right: 240px; }
.container_16 .suffix_5 { padding-right: 300px; }
.container_16 .suffix_6 { padding-right: 360px; }
.container_16 .suffix_7 { padding-right: 420px; }
.container_16 .suffix_8 { padding-right: 480px; }
.container_16 .suffix_9 { padding-right: 540px; }
.container_16 .suffix_10 { padding-right: 600px; }
.container_16 .suffix_11 { padding-right: 660px; }
.container_16 .suffix_12 { padding-right: 720px; }
.container_16 .suffix_13 { padding-right: 780px; }
.container_16 .suffix_14 { padding-right: 840px; }
.container_16 .suffix_15 { padding-right: 900px; }
.container_16 .push_1 { left: 60px; }
.container_16 .push_2 { left: 120px; }
.container_16 .push_3 { left: 180px; }
.container_16 .push_4 { left: 240px; }
.container_16 .push_5 { left: 300px; }
.container_16 .push_6 { left: 360px; }
.container_16 .push_7 { left: 420px; }
.container_16 .push_8 { left: 480px; }
.container_16 .push_9 { left: 540px; }
.container_16 .push_10 { left: 600px; }
.container_16 .push_11 { left: 660px; }
.container_16 .push_12 { left: 720px; }
.container_16 .push_13 { left: 780px; }
.container_16 .push_14 { left: 840px; }
.container_16 .push_15 { left: 900px; }
.container_16 .pull_1 { left: -60px; }
.container_16 .pull_2 { left: -120px; }
.container_16 .pull_3 { left: -180px; }
.container_16 .pull_4 { left: -240px; }
.container_16 .pull_5 { left: -300px; }
.container_16 .pull_6 { left: -360px; }
.container_16 .pull_7 { left: -420px; }
.container_16 .pull_8 { left: -480px; }
.container_16 .pull_9 { left: -540px; }
.container_16 .pull_10 { left: -600px; }
.container_16 .pull_11 { left: -660px; }
.container_16 .pull_12 { left: -720px; }
.container_16 .pull_13 { left: -780px; }
.container_16 .pull_14 { left: -840px; }
.container_16 .pull_15 { left: -900px; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after, .container_16:before, .container_16:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after, .container_16:after { clear: both; }
.clearfix, .container_16 { zoom: 1; }


/* Main Styles */

body { font-family: 'PT Sans', sans-serif; font-size: 15px; padding: 13px 0px; background: #fff url('../_images/common/body-bg.png') no-repeat top center; }
input { font-family: 'PT Sans', sans-serif; }
a { text-decoration: none; }
    a:hover { text-decoration: underline; }

p.center { text-align: center; }

.menu { font-size: 17px; }
    .menu a { height: 17px; display: inline-block; padding: 3px 7px 7px 7px; margin-right: 11px; text-transform: uppercase; color: #122b5c; }
        .menu a:hover { border-bottom: solid 3px #298fe8; text-decoration: none; }


.contact-details { height: 58px; text-align: right; }
    .contact-details span { font-size: 23px; color: #122b5c; font-weight: bold; display: block; }
    .contact-details a { font-size: 18px; color: #298fe8; font-weight: bold; display: block; margin-top: 10px; }



.slider-menu { height: 76px; background: url('../_images/slider/slider-menu-bg.png') no-repeat; }
    .slider-menu a { font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; display: block; margin: 12px 0px 0px 5px; }
    .slider-menu div:first-child a { margin: 12px 0px 0px 15px; }
    .slider-menu a span { display: block; font-size: 12px; font-weight: normal; line-height: 15px; margin-top: 7px; text-transform: none; }

.panel-main { padding: 0px 19px 19px 19px; border: solid 1px #ccc; margin-top: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .panel-main h1 { margin-top: 19px; font-weight: bold; font-size: 19px; color: #122b4c; line-height: 28px; text-transform: uppercase; }
    .panel-main .body { background: url('../_images/common/body-divider.png') no-repeat top center; overflow: hidden; padding-top: 5px; margin-top: 15px; }
        .panel-main .body p { margin-top: 20px; color: #423936; font-size: 14px; line-height: 22px; }
            .panel-main .body p.intro { font-size: 17px; line-height: 25px; font-weight: bold; color: #298fe8; }
            .panel-main .body p strong { font-weight: bold; color: #298fe8; }
            .panel-main .body p a { color: #298fe8; }
        .panel-main .body .download { margin-top: 20px; font-weight: bold; color: #298FE8; display: inline-block; text-transform: uppercase; }
        .panel-main .body ul { margin-top: 20px; list-style-type: disc; margin-left: 20px; font-size: 14px; line-height: 22px; }
            .panel-main .body ul li { margin-bottom: 5px; }
        .panel-main .body table { margin-top: 20px; }
            .panel-main .body table th { color: #298fe8; padding: 5px 10px 5px 0px; font-weight: normal; font-size: 14px; white-space: nowrap; text-align: left; }
            .panel-main .body table td { font-size: 14px; padding: 5px 10px 5px 0px; }

.panel { margin-top: 20px; }
    .panel h2 { background-color: #298FE8; padding: 15px; font-weight: bold; color: white; font-size: 15px; text-transform: uppercase; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
    .panel .body { padding: 0px 14px 14px 14px; overflow: hidden; color: #423936; font-size: 15px; line-height: 18px; border: solid 1px #ccc; border-top-width: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
        .panel .body p { margin-top: 15px; color: #423936; font-size: 14px !important; line-height: 18px; }
            .panel .body p strong { font-weight: bold; color: #298fe8; }
            .panel .body a  { font-weight: bold; color: #298fe8; }

        .panel .body ul { margin-top: 15px; list-style-type: disc; margin-left: 20px; }
            .panel .body ul li { margin-bottom: 5px; font-size: 14px !important; line-height: 18px; }


    .panel.sub-menu ul { list-style-type: none; margin: 0px; }
        .panel.sub-menu ul li { margin-top: 15px; }
            .panel.sub-menu ul li a { color: #423936; }
                .panel.sub-menu ul li a.selected { color: #298FE8; font-weight: bold; }

    .panel.seniors img { float: right; margin: -14px -14px -14px -5px; }

    .panel.map img { float: right; margin: 14px 0px 0px 5px; width: 98px; height: 98px; }

    .panel.contact-us .body { height: 324px; }
    .panel.contact-us table { margin-top: 15px; }
        .panel.contact-us table th,
        .panel.contact-us table td { font-size: 15px; line-height: 18px; }
        .panel.contact-us table th { font-weight: bold; color: #298FE8; text-align: left; padding-right: 25px; }
        .panel.contact-us table a { color: #423936; }
    .panel.find-us iframe { margin: 0px -14px -18px -14px; }

    .panel.call-back .txt { width: 174px; border: solid 1px #298FE8; padding: 5px; font-size: 12px; margin-bottom: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    .panel.call-back .submit { float: right; text-transform: uppercase; color: #298FE8; font-size: 10px; }

.page .date { display: block; font-size: 16px; font-weight: normal; color: #298FE8; }
.page img { float: right; margin: 20px 0px 20px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.bottom-panels .body { height: 124px; }

.footer { margin-top: 20px; color: #298fe8; font-size: 12px; line-height: 16px; }
    .footer h3 { font-size: 15px; color: #122b4c; text-transform: uppercase; }
    .footer a { color: #298fe8; }
    .footer .contact-us span { display: inline-block; width: 45px; }


.sub-footer { margin-top: 20px; font-size: 11px; color: #298fe8; }
    .sub-footer a { font-size: 11px; color: #298fe8; }
    .sub-footer .credits { text-align: right; }

.facebook { margin-top: 20px; }



/* NIVO SLIDER */

.slider-wrapper { height: 283px;  }



#slider { height: 283px; width: 940px; position: relative; }




.theme-default .nivoSlider { position: relative; background: url('../_images/common/loading.gif') no-repeat 50% 50%; }
    .theme-default .nivoSlider img { position: absolute; top: 0; left: 0; display: none; }
    .theme-default .nivoSlider a { border: 0; display: block; }
.theme-default .nivo-controlNav { text-align: center; position: absolute; padding: 0; bottom: 37px; z-index: 10; left: 70px; }
    .theme-default .nivo-controlNav a { display: inline-block; width: 10px; height: 10px; text-indent: -9999px; border: 0; margin: 0 2px; background-color: #c3913d; }
        .theme-default .nivo-controlNav a.active { background-color: #26285e; }
.theme-default .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url('//mbmplumbing.co.uk/_images/common/arrows.png') no-repeat; text-indent: -9999px; border: 0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav { background-position: -30px 0; right: 15px; }
.theme-default a.nivo-prevNav { left: 15px; }
.theme-default .nivo-caption { font-family: Helvetica,Arial,sans-serif; }
    .theme-default .nivo-caption a { color: #fff; border-bottom: 1px dotted #fff; }
        .theme-default .nivo-caption a:hover { color: #fff; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }
    .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: 0; margin-bottom: 5px; }
    .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
    .nivoSlider img { position: absolute; top: 0; left: 0; max-width: none; }
.nivo-main-image { display: block!important; position: relative!important; width: 100%!important; }
.nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; }
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
    .nivo-box img { display: block; }
.nivo-caption { position: absolute; left: 0; bottom: 0; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: .8; overflow: hidden; display: none; -moz-opacity: .8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .nivo-caption p { padding: 5px; margin: 0; }
    .nivo-caption a { display: inline!important; }
.nivo-html-caption { display: none; }
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.nivo-prevNav { left: 0; }
.nivo-nextNav { right: 0; }
.nivo-controlNav { text-align: center; padding: 15px 0; }
    .nivo-controlNav a { cursor: pointer; }
        .nivo-controlNav a.active { font-weight: bold; }



form button { background-color: #298FE8; border-radius: 5px; border: 0px; color: white; font-size: 12px; padding: 4px 6px; cursor: pointer;}
