/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 22 May 2013 12:39:04
*/


.clearfix {
    *zoom: 1;
}

.clearfix:before,.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.container {
    width: 972px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    *zoom: 1;
}

.container:before,.container:after {
    display: table;
    content: "";
}

.container:after {
    clear: both;
}
[class^="block"].start,[class*="block"].start {
    clear: both;
    margin-left: 0;
}
[class^="block"].end,[class*="block"].end {
    margin-right: 0;
}
[class^="block"].xzero,[class*="block"].xzero {
    margin-bottom: 0;
}

@media (max-width:767px) {
    body {
        background: #fff;
    }

    .container {
        width: auto;
        padding: 0 16px;
    }

    .container {
        min-width: 260px;
    }

    .hidden {
        display: none;
        visibility: hidden;
    } [    class*="block"] {
        float: none;
        display: block;
        width: auto;
        margin: 0;
        margin-bottom: 8px;
        padding-bottom: 16px;
    }[    class*="block"].equalise {
        height: auto!important;
    }

    .block1 .nested img,.block2 .nested img,.block3 .nested img {
        display: none;
    }

    .block1 .nested,.block2 .nested,.block3 .nested {
        padding: 16px;
    } [    class*="block"].filled {
        float: none;
        display: block;
        width: auto;
        margin: 0;
        margin-bottom: 8px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box;
    } [    class*="block"].equalise {
        height: auto;
    }

    input[type="checkbox"],input[type="radio"] {
        border: 1px solid #ccc;
    }

    .feature.secondary {
        float: none;
    }

    .feature.secondary h3 {
        font-size: 18px;
        line-height: 18px;
    }

    #footer {
        float: left;
        width: 100%;
    }

    #footer ul.inline.pull-right {
        margin: 0;
        float: none;
        width: 100%;
        border: 0;
        border-bottom: 0;
    }

    #footer ul.inline li {
        margin: 0;
        display: block;
        clear: both;
        width: 100%;
        margin: 0;
    }

    .carousel-caption {
        position: static;
        position: absolute;
    }

    .themed.container+.container {
        margin: 16px;
        padding: 8px;
    }

    #snapshot,#snapwrap #snapwrap_outer {
        width: 100%!important;
    }

    #snapwrap #snapwrap_inner {
        position: relative !important;
        width: auto !important;
        height: auto !important;
    }

    #snapshot #snapwrap_inner #content_center {
        position: relative !important;
        width: 100%;
    }

    #snapwrap #shotselect,#snapwrap #slide_nav,#snapwrap #rightNav,#snapwrap #leftNav,#snapwrap .quarterboard,#snapwrap .halfboard {
        display: none;
    }

    .container .block6.leaderboard {
        float: left!important;
        display: inline!important;
        width: 100% !important;
    }

    #snapwrap .leaderboard {
        float: left;
        width: 100% !important;
    }

    #snapwrap .leaderboard img {
        overflow: hidden;
        max-width: 100%;
    }

    .defaultscreen,.widescreen,.landscape {
        display: none;
    }

    .mobile {
        display: block;
        font-weight: bold;
    }
}

@media (min-width:768px) and (max-width:979px) {
[    class*="block"] {
        float: left;
        position: relative;
        margin: 0px 8px;
        display: inline;
        word-wrap: break-word;
        margin-bottom: 16px;
    }

    .block1 {
        width: 46px;
    }

    .block2 {
        width: 108px;
    }

    .block3 {
        width: 170px;
    }

    .block4 {
        width: 232px;
    }

    .block5 {
        width: 294px;
    }

    .block6 {
        width: 356px;
    }

    .block7 {
        width: 418px;
    }

    .block8 {
        width: 480px;
    }

    .block9 {
        width: 542px;
    }

    .block10 {
        width: 604px;
    }

    .block11 {
        width: 666px;
    }

    .block12 {
        width: 728px;
    }

    input.block1,textarea.block1,.uneditable-input.block1 {
        width: 38px;
        margin: 0px 0px 8px 0px;
    }

    input.block2,textarea.block2,.uneditable-input.block2 {
        width: 100px;
        margin: 0px 0px 8px 0px;
    }

    input.block3,textarea.block3,.uneditable-input.block3 {
        width: 162px;
        margin: 0px 0px 8px 0px;
    }

    input.block4,textarea.block4,.uneditable-input.block4 {
        width: 224px;
        margin: 0px 0px 8px 0px;
    }

    input.block5,textarea.block5,.uneditable-input.block5 {
        width: 286px;
        margin: 0px 0px 8px 0px;
    }

    input.block6,textarea.block6,.uneditable-input.block6 {
        width: 348px;
        margin: 0px 0px 8px 0px;
    }

    input.block7,textarea.block7,.uneditable-input.block7 {
        width: 410px;
        margin: 0px 0px 8px 0px;
    }

    input.block8,textarea.block8,.uneditable-input.block8 {
        width: 472px;
        margin: 0px 0px 8px 0px;
    }

    input.block9,textarea.block9,.uneditable-input.block9 {
        width: 534px;
        margin: 0px 0px 8px 0px;
    }

    input.block10,textarea.block10,.uneditable-input.block10 {
        width: 596px;
        margin: 0px 0px 8px 0px;
    }

    input.block11,textarea.block11,.uneditable-input.block11 {
        width: 658px;
        margin: 0px 0px 8px 0px;
    }

    input.block12,textarea.block12,.uneditable-input.block12 {
        width: 720px;
        margin: 0px 0px 8px 0px;
    }

    .block1.filled {
        width: 30px;
    }

    .block2.filled {
        width: 92px;
    }

    .block3.filled {
        width: 154px;
    }

    .block4.filled {
        width: 216px;
    }

    .block5.filled {
        width: 278px;
    }

    .block6.filled {
        width: 340px;
    }

    .block7.filled {
        width: 402px;
    }

    .block8.filled {
        width: 464px;
    }

    .block9.filled {
        width: 526px;
    }

    .block10.filled {
        width: 588px;
    }

    .block11.filled {
        width: 650px;
    }

    .block12.filled {
        width: 712px;
    }

    .container,.masthead {
        width: 744px;
    }

    .mobile,.widescreen,.defaultscreen {
        display: none;
    }

    .landscape {
        display: block;
        font-weight: bold;
    }
}

@media (max-width:979px) {
    .masthead .nav .toplinks {
   background: none repeat scroll 0 0 transparent;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF !important;
    float: left;
    height: 22px;
    margin: -13px 0 10px 3px;
    position: relative;
    right: 0;
    text-transform: uppercase;
    width: 100%;
}
#responsive-tools {
    color: #FFFFFF !important;
    float: left !important;
    font-size: 1.1em !important;
    left: 50% !important;
    margin-left: -20px !important;
    margin-top: 16px !important;
    position: absolute;
    text-align: center;
    top: 0 !important;
    width: 138px;
}

    h1,.header h1 {
        font-size: 28.6px;
        line-height: 35.2px;
        padding-left:8px;
    }

    h1 span,.header h1 span {
        font-size: 22.75px;
    }

    h2 {
        font-size: 19.5px;
        line-height: 24px;
    }

    h3 {
        font-size: 16.25px;
        line-height: 20px;
    }

    .header {
        margin: 0;
        padding-bottom: 0;
        height: auto;
    }

    body,body.fixed {
        padding-top: 48px;
    }

    .fixed .container {
        background: transparent;
    }

    .themed.container+.container {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    body.fixed .masthead,.masthead {
        position: static;
        top: -16px;
        left: 0px;
        width: 100%;
        z-index: 1000;
    }

    .navbar-responsive {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 48px;
        z-index: 1040;
        background-color: #7e2b53;
        background-repeat: repeat-x;
    border-bottom: 1px solid #8c375f;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
    background-image: linear-gradient(top, #8c375f, #691941);
}

    .masthead .container {
        width: 100%;
        padding: 0;
    }

    .masthead .brand {
        margin-top: 4px;
        margin-left: 16px;
        padding-right: 16px;
        background-image: url(../images/westminster-logo-white.png);
    }

    body.fixed .btn-navbar,.btn-navbar {
        display: block;
        float: right;
        padding: 7px 10px;
        margin: 10px 16px 0px 0px;
        background-color: #7e2b53;
        background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    border-radius: 4px;
    cursor: pointer;
    background-image: linear-gradient(top, #8c375f, #691941);
    border-left-color: #691941;
    border-right-color: #691941;
    border-top-color: #691941;
    border-bottom-color: #2b0a1b;
}

    body.fixed .btn-navbar:hover,.btn-navbar:hover,body.fixed .btn-navbar:active,.btn-navbar:active,body.fixed .btn-navbar.active,.btn-navbar.active,body.fixed .btn-navbar.disabled,.btn-navbar.disabled,body.fixed .btn-navbar[disabled],.btn-navbar[disabled] {
        background-color: #77254d;
        background-repeat: repeat-x;
    background-image: linear-gradient(top, #691941, #8c375f);
    border-left-color: #8c375f;
    border-right-color: #8c375f;
    border-top-color: #8c375f;
    border-bottom-color: #55213a;
}

    body.fixed .btn-navbar:active,.btn-navbar:active,body.fixed .btn-navbar.active,.btn-navbar.active {
        background-color: #400f28;
    }

    .btn-navbar .icon-bar {
        display: block;
        width: 16px;
        height: 2px;
        background-color: #f5f5f5;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    }

    .btn-navbar .icon-bar+.icon-bar {
        margin-top: 3px;
    }

    .masthead .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        overflow: hidden;
        height: 0;
        padding: 0px 16px;
        clear: left;
        position: fixed;
        background-color: #7e2b53;
        background-repeat: repeat-x;
    border-bottom: 1px solid #8c375f;
    width: 100%;
    height: 0px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
    z-index: 1000;
    background-image: linear-gradient(top, #8c375f, #691941);
}

    .masthead .nav-collapse.in {
        height: auto;
    }

    .masthead .nav-collapse .nav {
        float: left;
        width: 100%;
        margin: 16px 0px 0px 0px;
    }

    .masthead .nav>li {
        float: none;
        height: 20px;
        display: inline;
        border: 0;
    }

    .masthead .nav>li>a.masthead .nav>li>a:hover,.masthead .nav>li.active a {
        border: none;
        margin: 2px 0;
    }

    .masthead .nav>li>a {
        width: 100%;
        padding: 6px 8px;
        color: #d2b9c8;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .masthead .nav li.active a,.masthead .nav li a:hover {
        color: #ffffff;
        border: 0;
        background-color: #691941;
    }

    #explore,.masthead .nav li.dropdown,.container li.actions ul {
        display: none;
    }


/* Colour fix */
.masthead .nav .toplinks a, .nav-tabs.compact li a{color: #FFF;}

    .masthead .search input {
        float: none;
        display: inline;
        width: 100%;
        height: 28px;
        margin: 0px 0px 8px 0px;
        padding: 8px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .subnav {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #dcdcdc;
    }

    .subnav .nav {
        border: 0;
    }

    .subnav .nav li {
        float: left;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #dcdcdc;
    }

    .subnav .nav li a {
        border: 0;
    }

    .subnav .nav li:first-child a {
        -webkit-border-radius: 6px 6px 0px 0px;
        -moz-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
    }

    .subnav .nav li:last-child a {
        -webkit-border-radius: 0px 0px 6px 6px;
        -moz-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
    }

    .subnav .nav li:last-child {
        border-bottom: 0px;
    }

    .subnav.second {
        margin-top: 16px;
        border: 0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .subnav.second .nav {
        background-color: #647d8c;
        border: 0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .subnav.second .nav li>a {
        color: #ffffff;
        border: 0;
    }

    .subnav.second .nav li>a:hover {
        border: 0;
    }

    .subnav.second .nav li:first-child a {
        -webkit-border-radius: 6px 0px 0px 6px;
        -moz-border-radius: 6px 0px 0px 6px;
        border-radius: 6px 0px 0px 6px;
    }

    .subnav.second .nav li:last-child a {
        -webkit-border-radius: 0px 6px 6px 0px;
        -moz-border-radius: 0px 6px 6px 0px;
        border-radius: 0px 6px 6px 0px;
    }

    .subnav.second .nav>.active>a,.subnav.second .nav>.active>a:hover {
        border: 0;
    }

    #snapwrap #snapshot .leaderboard {
        overflow: visible;
        height: auto;
    }

    #snapwrap #snapshot .leaderboard a {
        position: relative;
        overflow: visible;
    }

    #snapwrap #snapshot .leaderboard a img {
        margin: 0;
    }

    #snapwrap #snapshot .leaderboard a:hover h2 {
        top: 4px;
        height: inherit;
        background: none;
    }

    #snapwrap #snapshot .leaderboard a h2 {
        position: relative;
        color: #fff;
        top: 4px;
        left: 0px;
        width: 100%;
        padding: 0;
        height: inherit;
        margin: 0px;
        background: none;
    }

    #snapwrap #snapshot .leaderboard a h2 span {
        visibility: visible;
        color: #fff;
    }

    #snapwrap #snapshot .leaderboard a h2 span em {
        display: none;
    }

    #snapwrap #snapshot a.navlink {
        background: none;
        top: auto;
        bottom: -38px;
        padding: 0px;
    }

    #snapwrap #snapshot a#rightNav {
        left: 700px;
    }

    #snapwrap #snapshot a#leftNav {
        left: 0px;
    }

    #snapwrap #snapwrap_outer {
        max-width: 740px !important;
        overflow: hidden;
    }
}

@media (max-width:1024px) {
    .subnav-fixed {
        position: static;
    }

.subnav.second.subnav-fixed {position: static !important;}
.subnav-fixed.second {position: static !important;}

    .subnav-fixed .nav {
        width: 100%;
    }
/*
    #snapwrap #snapshot .leaderboard a:hover h2 {
       top: -252px;
    }
*/    
}

@media (min-width:980px) {
    .nav-collapse.collapse {
        height: auto !important;
    }

    .nav-collapse {
        float: right;
    }

/*    .masthead .nav {
        width: 740px;
    }
*/
    .mobile,.widescreen,.landscape {
        display: none;
    }

    .defaultscreen {
        display: block;
        font-weight: bold;
    }
}

@media (min-width:1200px) {
[    class*="block"] {
        float: left;
        position: relative;
        margin: 0px 8px;
        display: inline;
        word-wrap: break-word;
        margin-bottom: 16px;
    }

    .block1 {
        width: 80px;
    }

    .block2 {
        width: 176px;
    }

    .block3 {
        width: 272px;
    }

    .block4 {
        width: 368px;
    }

    .block5 {
        width: 464px;
    }

    .block6 {
        width: 560px;
    }

    .block7 {
        width: 656px;
    }

    .block8 {
        width: 752px;
    }

    .block9 {
        width: 848px;
    }

    .block10 {
        width: 944px;
    }

    .block11 {
        width: 1040px;
    }

    .block12 {
        width: 1136px;
    }

    input.block1,textarea.block1,.uneditable-input.block1 {
        width: 72px;
        margin: 0px 0px 8px 0px;
    }

    input.block2,textarea.block2,.uneditable-input.block2 {
        width: 168px;
        margin: 0px 0px 8px 0px;
    }

    input.block3,textarea.block3,.uneditable-input.block3 {
        width: 264px;
        margin: 0px 0px 8px 0px;
    }

    input.block4,textarea.block4,.uneditable-input.block4 {
        width: 360px;
        margin: 0px 0px 8px 0px;
    }

    input.block5,textarea.block5,.uneditable-input.block5 {
        width: 456px;
        margin: 0px 0px 8px 0px;
    }

    input.block6,textarea.block6,.uneditable-input.block6 {
        width: 552px;
        margin: 0px 0px 8px 0px;
    }

    input.block7,textarea.block7,.uneditable-input.block7 {
        width: 648px;
        margin: 0px 0px 8px 0px;
    }

    input.block8,textarea.block8,.uneditable-input.block8 {
        width: 744px;
        margin: 0px 0px 8px 0px;
    }

    input.block9,textarea.block9,.uneditable-input.block9 {
        width: 840px;
        margin: 0px 0px 8px 0px;
    }

    input.block10,textarea.block10,.uneditable-input.block10 {
        width: 936px;
        margin: 0px 0px 8px 0px;
    }

    input.block11,textarea.block11,.uneditable-input.block11 {
        width: 1032px;
        margin: 0px 0px 8px 0px;
    }

    input.block12,textarea.block12,.uneditable-input.block12 {
        width: 1128px;
        margin: 0px 0px 8px 0px;
    }

    .block1.filled {
        width: 64px;
    }

    .block2.filled {
        width: 160px;
    }

    .block3.filled {
        width: 256px;
    }

    .block4.filled {
        width: 352px;
    }

    .block5.filled {
        width: 448px;
    }

    .block6.filled {
        width: 544px;
    }

    .block7.filled {
        width: 640px;
    }

    .block8.filled {
        width: 736px;
    }

    .block9.filled {
        width: 832px;
    }

    .block10.filled {
        width: 928px;
    }

    .block11.filled {
        width: 1024px;
    }

    .block12.filled {
        width: 1120px;
    }

    .container,.masthead,#explore {
        width: 1152px;
    }

    .masthead .container {
        background: none;
        width: 1150px;
    }

    .subnav-fixed .nav {
        width: 1137px;
        margin: 0 auto;
        padding: 0 1px;
    }

    #snapwrap #snapshot a#rightNav {
        left: 1160px;
    }

    #snapwrap #snapshot a#leftNav {
        left: -70px;
    }

    #snapwrap #snapwrap_outer {
        width: 1150px !important;
        overflow: hidden;
    }

    .mobile,.landscape,.defaultscreen {
        display: none;
    }

    .widescreen {
        display: block;
        font-weight: bold;
    }
    #snapwrap #snapshot .leaderboard a:hover h2 {
      top: -302px;

}
