@media screen and (max-width:1000px){
    
    .large-font .button-text .regular-text {
        width: 100%;
    }
    
    .wrapper{
        width:768px;
    }
    .big-banner{
     
    }
  
    .header {
     position: relative;
    }
    
    .header-menu {
      position:absolute;
      top:15px;
      right:0px;
      width:431px;
    }

    /* Positon of Preferences panel*/
    .header-menu .preferences {
      float: right;
      margin-top: -20px;
    }

    /* Fix for Firefox positioning */
    @-moz-document url-prefix() { 
      .header-menu .preferences {
         margin-top: -3px;
         float: left;
      }
    }
    
    .large-font .header-menu {
      width: 448px !important;
    }
    
    .print {
        display:none;
    }   
    
    .nav_search ul li.searchbar {
        right: 15px;
        top:-40px;
        height:30px;
        width: 271px;
    }
    .big-banner .heroImage img {
      max-width:424px;
    }
    .big-banner .textOverlay, .big-banner .textContent{
        
        display:none;
    }
    .big-button-nav ul li {
        margin-bottom:10px;
    }
    .big-button-nav ul{
        margin-left:40px;
    }
    
    .first {
      left: 10px;
    }
    .second {
      left: 155px;
    }
    .third {
      left: 300px;
    }
    .boxcontent {
        background: url("smallboxdivider.jpg") repeat-y scroll 0 0 transparent;
        border:none;
        border: 1px solid #E6EAEF !important;
        overflow:hidden;
        margin-bottom: 28px;
        width: 729px;
    }
    
    .dark-template .boxcontent {
        background: url("dark-smallboxdivider.jpg") repeat-y !important;
    }
    
    
    .box {
      padding-bottom: 10px;
      width: 243px;
    }
    .box h2 {
        color: #00B5E0;
        font-size: 1em;
        font-weight: normal;
        margin: 0;
        padding: 17px 0 0 15px;
    }
    .box_viewmore ul li {
      float: left;
      width: 242px;
      padding-bottom:10px;
    }
    .box_viewmore {
      padding-bottom: 0px;
    }

    .box ul li {
        font-size:0.75em;
    }



   
    .roundedcorners {
      background: url("shorttable.jpg") no-repeat;
    }
    
    
    .featurebutton a {
      line-height: 1 !important;
    }
    .button-text .promoted-text {
        color: #00AED9;
        display:block;
        padding-top:12px;
        padding-bottom:3px;
    }
    .button-text .regular-text {
        color: #163C6D;
        display:block;
        width:300px;
    }
    .topservices-element {
        float: left;
        margin-right: 8px;
        width: 500px;
    }
    .topservices-element .topelem-content {
         float: left;
         width: 380px;
    }
    .services-wrapper {
    background: url("smallboxdivider.jpg") repeat-y scroll 0 0 transparent;
    }
    .dark-template .services-wrapper {
        background: url("dark-smallboxdivider.jpg") repeat-y !important;
    }
    
    .services-container h2 {
      color: #00B5E0;
      font-size: 1.1em;
      font-weight: normal;
      margin: 0;
      padding: 10px 15px 10px;
    }
    
    .content-sidebar {
      float: left;
      padding-right: 0px;
      width: 214px;
      margin-right:18px;
      margin-bottom:20px;
    }
    .content-text-sidebar {
      float: left;
      width:500px;
    }
    
    .services-container {
  float: left;
  margin-right: 0px !important;
  width: 243px;
    }
    
    .documents {
      position: relative !important;
      padding-bottom:50px;
    }
    
    .adobe {
        background: url("spritesheet.jpg") no-repeat scroll -216px -69px transparent;
        height: 25px;
        width: 103px;
        left: 100px;
        position: absolute;
        top:100% !important;
        margin-top:-35px;
    }
    
    .a-to-z-selectbox {
        background:none #f0f0f0;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        height: 95px !important;
        width:500px;
    }
    .dark-template .a-to-z-selectbox {
        background: url("dark-a-z-bg-1.jpg") no-repeat !important;
    }
    .a-to-z-selectbox .offset {
        margin-left: 0px;
    }
    .a-to-z-selectbox ul {
      padding: 5px 10px 0;
    }
    .datefield label {
        width:200px !important;
        margin-bottom:10px;
        margin-left:0;
    }
    .inputwrapper {
      border: 1px solid #C8C8C8;
      border-radius: 3px 3px 3px 3px;
      padding: 5px;
      max-width:500px !important;
    }
    
    .camform .inputwrapper {
      float: right;
      width:270px;
      margin-bottom: 10px;
    }
    .camform label{
        float: right !important;
        width:270px;
    }
    
    table{
        width:100% !important;
    }

    .account_summary_table table td.account_ref_wide {
      width: 180px;
    }
    
    .inputwrapper .inputtext{
        width:100%;
    }
    .tablecontainer table th.salary {
      width: 140px;
    }
    
    .contact-info-box {
        float: left;
        width: 220px;
    }

     .big-button-nav ul{
        margin-left:30px;
    }
    
    .big-button-nav ul li {
        width: 226px;
        margin:0 !important;
        margin-bottom:8px !important;
    }
    
    .big-button-nav ul li{
        margin-right:3px !important;
    }
    
    
    .big-button-nav ul li a {
        background: url("spritesheet.jpg") no-repeat scroll -311px -677px;
        width: 226px;
    }
    .big-button-nav ul li a:hover{
       background:url("spritesheet.jpg") no-repeat -310px -750px;
    }
    
    .dark-template .big-button-nav ul li a {
      background: url("dark-spritesheet.jpg") no-repeat scroll -309px -677px !important;
      color: #FFFFFF;
    }
    
    .dark-template .big-button-nav ul li a:hover{
       background:url("dark-spritesheet.jpg") no-repeat -309px -750px !important;
    }
    
    .content {
      padding: 25px 18px;
    }
    
    .selectreplace p {
      background: url("mobilearrow.jpg") no-repeat 98% 0px;
      cursor: pointer;
      line-height: 20px;
      margin: 0 !important;
      padding: 0 !important;
    }
    .calendar-key, .calendar-container {
      float: left;
      width:220px;
    }
    .calendar-key{
        margin-bottom:10px;
    }
    .ui-datepicker{
        width: 240px !important;
    }
    .loginform label {
        width: 150px !important;
    }
    .formelement label span {
      font-size: 1em;
      position: relative;
      text-align: right;
    }
    .login-buttons .login_footer_text {
      float: left;
      width:500px;
      margin-bottom:10px;
    }
    .election_figs{
        
    }

    .withlabel label {
      color: #062F63;
      float: left;
      line-height: 30px;
      width: 100%;
    }
    
    .content-text-sidebar img{
        max-width:500px !important;
    }
    .blog-social-links {
      float: right;
      width: 160px;
      margin-bottom:10px;
    }
    .blog-article .postinfo {
      color: #8297B1;
      float: left;
      padding-bottom: 20px;
    }
    .map,.subpage-map-container .map {
      height: 300px !important;
      margin-bottom: 15px;
      margin-top: 5px;
      width:500px !important;
    }
    .pagination ul {
        float: left;
    }
    .pagination .pagenum {
      color: #00B5E0;
      line-height: 20px;
      width: 102px;
    }
    .blog-excerpt .blog-excerpt-text {
      float: left;
      width: 280px;
    }
    .search-column {
      float: left;
      margin-right: 0px !important;
      width:224px;
    }
    .search-column:first-child{
        margin-right:8px !important;
    }
    .search-column ul li {
      font-size: 1.5em;
      list-style: none outside none !important;
      padding: 0 !important;
      width:228px;
    }
    
    
    .sidebar-button {
      background: url("sidebarbuttonsmaller.jpg") no-repeat;
      height: 139px;
      margin-bottom: 10px;
      margin-top: 10px;
      width: 209px;
    }
    
    .dark-template .sidebar-button {
      background: url("sidebarbuttonsmaller-dark.jpg") no-repeat !important;
    }
    
    .signup {
      background: url("sidebarbuttonsmaller-signup.jpg") no-repeat !important;
    }
    
    .dark-template .signup {
      background: url("sidebarbuttonsmaller-signup-dark.jpg") no-repeat !important;
    }
    
    .progress-indicator{
        display:none;
    }
    .nolabelcontent label{
    }
    .withlabel .textareawrapper {
      float: left;
      margin-bottom: 10px;
      width: 430px !important;
    }
    .textareawrapper textarea {
      width: 420px !important;
    }
    .requiredinfo{
        font-size:0.9em;
        width:170px;
        display:block;
        float:left;
    }
    
    .invalid {
      background: url("spritesheet.jpg") no-repeat scroll -17px -398px transparent;
      bottom: 10px;
      height: 12px;
      position: absolute;
      right: -15px;
      width: 12px;
    }
    
    .valid {
        background: url("spritesheet.jpg") no-repeat scroll 0 -398px transparent;
        bottom: 10px;
        height: 12px;
        position: absolute;
        right: -15px;
        width: 12px;
    }
    .slider-container .slider-content{
        padding:15px 0px;
    }
    
    .slider-container .slider-trigger {
       -moz-border-radius:4px;
       -webkit-border-radius:4px;
       -o-border-radius:4px;
       border-radius:4px;
    }
    ul#tabcontainer{
        height:43px !important;
    }
    ul#tabcontainer li {
        float: left !important;
        background:url("spritesheet.jpg") no-repeat -190px -619px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        height: 43px;
        line-height:47px;
        list-style: none outside none !important;
        margin-right: 2px;
        padding: 0 !important;
        text-align: center;
        width: 174px;
        -moz-border-radius-topright:7px !important;
    }
    ul#tabcontainer li a {
      display: block;
      height: 47px;
        width: 174px;

    }
    ul#tabcontainer {
      border-bottom: 1px solid #01B5E0;
      height: 47px;
      padding: 0 !important;
      width: 100%;
    }
    .camview-container .camfeed {
      float: none;
      height:auto !important;
      width:500px;
      overflow:hidden;
      margin-bottom:10px;
    }
    .camview-container .camform {
      float: none;
      height: 287px;
      width:500px;
    }
    
    .blogbox{
        width:500px;
        border:none !important;
        border-bottom: 1px dashed #EEEEEE !important;
    }
    .blogbox-footer a, .blog-excerpt-comment a, a.comments {
      color: #00B5E0;
      display: inline-block;
      font-size: 0.8em;
      line-height: 22px;
      margin-right: 10px;
      padding-left: 25px;
    }
    .blogbox-header .header-content {
      float: left;
      width: 310px;
    }
    .blogbox-header .header-content h2 {
      color: #062F63;
      padding: 0 0 10px;
    }
    .right-blogbox .blogbox-header, .right-blogbox .blogbox-footer {
      padding-left: 10px;
    }
    .right-blogbox .blogbox-content {
      padding-left: 10px;
    }
    .commentbox .comment-content {
      float: left;
      width: 400px;
    }
    .textareasmall {
      width: 250px !important;
    }
    .video-embed {
      margin-bottom: 15px;
      display:none;
    }
    .counciltax_payment_form {
      background: none !important;
    }
    .webcambox .webcamfeed {
      float: left;
      padding-top: 8px;
      width:249px !important;
    }
    
    .footer .nonsocial {
      float: left;
      padding-bottom: 20px;
      padding-top: 8px;
      width: 100%;
      height: auto;
    }
    .no-info-box h3 {
      color: #00B5E0;
      font-size: 1.3em;
      font-weight: normal;
      margin: 0;
      padding: 0 0 20px;
    }
    .sidebar-form .inputwrapper {
      margin-bottom: 5px;
      width: 170px;
    }
    .sidebar-form .inputwrapper input {
      width: 170px;
    }
    .sidebar-form .selectreplace p {
      background: url("mobilearrow.jpg") no-repeat scroll 150px 0 transparent;
    }
    .event-details .event-details-table .event-detail-title {
      font-size: 1.1em;
      width: 160px;
    }
    
    .fullwide table td{
        font-size:0.7em !important;
    }
}

@media screen and (max-width:680px){

    .content-text-sidebar ul
    {
        clear: both;
    }
    
    .wrapper{
        width:480px;
    }
    .big-banner{
        display:none;
    }

    .header-menu .preferences{
        float: right;
        left: -180px;
    }
    .header-menu .listen,.header-menu span,.header-menu a:first-child{
       display: none;

    }
    .header-menu .preferences a:first-child{
        display: block;
    }
    .bookmarklink{
        display:none;
    }
    
    /*
    .nav_search .tabs{
        width:110px !important;
        height:57px !important;
    }
    .nav_search .tabs a{
        width:80px !important;
        height:57px !important;
        margin-left:auto;
        margin-right:auto;
    }
    
    .nav_search .tabs{
        line-height:18px !important;
        font-size:1em !important;
    }
    
    .nav_search ul li.tabs {
        background: url("iphone_tab_active.png") no-repeat scroll 0 0 transparent;
    }
    .nav_search ul li.inactive {
       line-height:18px !important;
       font-size:1em !important;
    }
    
    .nav_search .tabs a{
        padding-top:10px;
    }
    
    .first{
        left:0 !important;
    }
    .second{
        left:90px !important;
    }
    .third{
        left:180px !important;
    }
    .nav_search ul li.inactive {
      background: url("iphone_tab_inactive.png") no-repeat center bottom;
      height: 57px !important;
    }
    
    .nav_search ul li.inactive a {
        font-size: 1em;
        height: 20px !important;
        padding-bottom: 10px;
        padding-top: 15px;
        text-shadow: 0 1px 0 #A2D2E5;
        vertical-align: middle;
    }
    */
    
    .sidebar-button {
    background: url("spritesheet.jpg") no-repeat scroll -325px -69px transparent;
    height: 109px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 259px;
}
    
    .header {
     background: url("header-mobile-bg.jpg") repeat-x;
     height: 220px;
     position: relative;
     width: 100%;
    }
    .header .prestonlogo {
        margin:0 !important;
        margin-left:100px !important;
        margin-top: 0px !important;
        width:299px;
        height:113px;
        /*background:url("spritesheet.jpg") no-repeat 0px -677px;*/
        background:url("preston-logo-small.png") no-repeat;
    }
    .nav_search ul li.searchbar {
        right: 100px;
        top:-40px;
        height:30px;
        width: 271px;
    }
    .big-button-nav ul li {
        margin-bottom:10px;
    }
    .big-button-nav ul{
        margin-left:40px;
    }
    
    .first {
      left: 10px;
    }
    .second {
      left: 155px;
    }
    .third {
      left: 300px;
    }
    .boxcontent {
        background: none;
        border:none !important;
        border-left: 1px solid #E6EAEF !important;
        border-bottom: 1px solid #E6EAEF !important;
        overflow:hidden;
        margin-bottom: 28px;
        width: 456px;
    }
    .dark-template .boxcontent{
        background:none !important;
    }
    .boxcontent .clear{
        clear:none !important;
        display:none;
    }
    
    .box {
      border-top: 1px solid #E6EAEF !important;
      border-right:1px solid #E6EAEF !important;
      padding-bottom: 10px;
      width: 227px;
      min-height:411px;
    }
    
    .dark-template .box {
       border-color:#2E4765 !important;
    }
    
    .dark-template .boxcontent {
        border:none !important;
        border-left: 1px solid #2E4765 !important;
        border-bottom: 1px solid #2E4765 !important;
    }
    
    .box:last-child{
        clear:both;
    }
    .box_viewmore{
        display:none;
    }
    .box h2 {
        color: #00B5E0;
        font-size: 1em;
        font-weight: normal;
        margin: 0;
        padding: 17px 0 0 15px;
    }
    .box ul li {
        font-size:0.75em;
    }
    .box ul li a{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #e6e6e6) );
        background:-moz-linear-gradient(center top, #fafafa 5%, #e6e6e6 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6');
        background-color:#fafafa;
        -moz-border-radius:9px;
        -webkit-border-radius:9px;
        border-radius:9px;
        border:1px solid #dcdcdc;
        display:inline-block;
        color:#062f63;
        font-size:0.8em;
        width:89%;
        padding:13px 10px;
        text-decoration:none;
        margin-bottom:10px;
    }.box ul li a:hover{
             background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #072f63), color-stop(1, #031c3b) );
             background:-moz-linear-gradient( center top, #072f63 5%, #031c3b 100% );
             filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#072f63', endColorstr='#031c3b');
             background-color:#072f63;
             display:inline-block;
             color:#ffffff;
                  }

    .dark-template .box ul li a{
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #072f63), color-stop(1, #031c3b) );
        background:-moz-linear-gradient( center top, #072f63 5%, #031c3b 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#072f63', endColorstr='#031c3b');
        background-color:#072f63;
        color:#ffffff;
        -moz-border-radius:9px;
        -webkit-border-radius:9px;
        border-radius:9px;
        border:1px solid #666;
        display:inline-block;
        font-size:0.8em;
        width:84%;
        padding:13px;
        text-decoration:none;
        margin-bottom:10px;
    }
    .dark-template .box ul li a:hover{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #e6e6e6) );
        background:-moz-linear-gradient(center top, #fafafa 5%, #e6e6e6 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6');
        background-color:#fafafa;
        color:#062f63 !important;
        display:inline-block;

     }

    .box ul li.viewr a{
        color: #00b5e0;
        background:none;
        filter:none;
        background-color:none;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
        border:none;
        display:block;
        color:#062f63;
        padding:13px;
        margin-bottom:0px;
        text-decoration:none;
    }


    .footer .nonsocial {
      float: none;
      padding-bottom: 20px;
      padding-top: 8px;
      width: 456px;
      text-align:center;
    }
    .footer .nonsocial li{
      float:none !important;
      display:inline-block;
      font-size: 0.8em;
    }
    
    .footer {
     background: none repeat scroll 0 0 #031C3B;
     height: 280px;
     padding: 24px 20px;
     position:relative;
    }
    .footer .copyright{
        float:none;
        position:absolute;
        text-align:center;
        bottom:20px;
        width: 450px;
    }
    .footer .contact{
        float:none;
        position:absolute;
        text-align:center;
        bottom:160px;
        width:440px;
        left:20px;
    }
    .footer .social {
        float: none;
        position:absolute;
        padding-top: 10px;
        bottom:100px;
        left:120px;
    }
    
    .featurebutton a {
      line-height: 1 !important;
    }
    .button-text .promoted-text {
        color: #00AED9;
        display:block;
        padding-top:12px;
        padding-bottom:3px;
    }
    .button-text .regular-text {
        color: #163C6D;
        display:block;
        width:300px;
    }
    .topservices-element {
        float: left;
        margin-right: 8px;
        width: 456px;
    }
    .topservices-element .topelem-content {
         float: left;
         width: 380px;
    }
    .services-wrapper {
      background: none;
    }
    
    .dark-template .services-wrapper {
      background: none !important;
    }
    
    .services-container h2 {
      color: #00B5E0;
      font-size: 1.1em;
      font-weight: normal;
      margin: 0;
      padding: 10px 15px 10px;
    }
    .services-container {
      float: none;
      margin-right: 0px;
      width: 455px;
      border-top: 1px solid #E6EAEF !important;
      padding-bottom:10px;
      min-height:180px;
    }
    
    .dark-template .services-container {
      border-top: 1px solid #2E4765 !important;
    }
    
    .services-wrapper {
        border:none;
      border-left: 1px solid #E6EAEF;
      border-right: 1px solid #E6EAEF;
      border-bottom: 1px solid #E6EAEF;
      margin-bottom: 10px;
     
    }
    .dark-template .services-wrapper {
        border:none !important;
      border-left: 1px solid #2E4765 !important;
      border-right: 1px solid #2E4765 !important;
      border-bottom: 1px solid #2E4765 !important;
    }
    .content-sidebar {
      float: left;
      padding-right: 0px;
      width: 456px;
      margin-bottom:20px;
    }
    .content-text-sidebar {
      float: left;
      width:456px;
    }
    
    .adobe {
        background: url("spritesheet.jpg") no-repeat scroll -216px -69px transparent;
        height: 25px;
        left: 340px;
        position: absolute;
        top: 14px;
        width: 103px;
    }
    
    .breadcrumb ul li {
      background: none !important;
      float: left;
      font-size: 0.8em;
      line-height: 10px;
      height:auto !important;
      padding:3px;
    }
    .breadcrumb ul li:after{
        content: " > ";
        text-decoration:none !important;
    }
    .breadcrumb ul li.last:after{
        content: "";
        text-decoration:none !important;
        clear:both;
    }
     .breadcrumb ul {
        padding-bottom:3px;
      width: 100%;
    }
    
    .a-to-z-selectbox {
        background:none #f0f0f0;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        height: 95px !important;
        width:456px;
    }
    .dark-template .a-to-z-selectbox {
        background: url("dark-a-z-bg-2.jpg") no-repeat !important;
    }
    .a-to-z-selectbox .offset {
        margin-left: 0px;
    }
    .a-to-z-selectbox ul {
      padding: 5px 10px 0;
    }
    .datefield label {
        width:200px !important;
        margin-bottom:10px;
    }
    .tablecontainer table thead tr{
        background:#6c6c6c;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -o-border-radius:4px;
    }
    .roundedcorners{
        background:none !important;
    }

    .inputwrapper {
      border: 1px solid #C8C8C8;
      border-radius: 3px 3px 3px 3px;
      padding: 5px;
      max-width:456px !important;
    }
    
    .camform .inputwrapper {
      float: right;
      width:270px;
      margin-bottom: 10px;
    }
    
    
    .inputwrapper .inputtext{
        width:100%;
    }
    
    .contact-info-box {
        float: left;
        width: 220px;
    }
    
     .big-button-nav ul{
        margin-left:0px;
    }
    
    .big-button-nav ul li {
        width: 226px;
        margin:0 !important;
        margin-bottom:8px !important;
    }
    
    .big-button-nav ul li:nth-child(odd){
        margin-right:3px !important;
    }
    
    
    .big-button-nav ul li a {
        background: url("spritesheet.jpg") no-repeat scroll -311px -677px;
        width: 226px;
    }
    .big-button-nav ul li a:hover{
       background:url("spritesheet.jpg") no-repeat -310px -750px;
    }
    
    .content {
      padding: 25px 12px;
    }
    
    .selectreplace p {
      background: url("mobilearrow.jpg") no-repeat 98% 0px;
      cursor: pointer;
      line-height: 20px;
      margin: 0 !important;
      padding: 0 !important;
    }
    .calendar-key, .calendar-container {
      float: none;
      width:456px;
    }
    .calendar-key{
        margin-bottom:10px;
    }
    .ui-datepicker{
        width: 240px !important;
    }
    .loginform label {
        width: 150px !important;
    }
    .formelement label span {
      font-size: 1em;
      position: relative;
      text-align: right;
    }
    .login-buttons .login_footer_text {
      float: left;
      width:456px;
      margin-bottom:10px;
    }
    .election_figs{
        display:none;
    }
    
    .signup {
     background: url("spritesheet.jpg") no-repeat scroll -325px -178px transparent !important;
    }
    .dark-template .signup {
        background: url("sidebarsignup.jpg") no-repeat !important;
    }
    
    .tablecontainer table{
        width:100%;
    }
    .withlabel label {
      color: #062F63;
      float: left;
      line-height: 30px;
      width: 100%;
    }
    .tablecontainer table td span{
        width:auto !important;
        display:block;
        line-height: 1 !important;
        padding-left:25px !important;
        max-width:220px;
    }
    
    .tablecontainer table td.rating span {
        padding-left: 0 !important;
    }
    
    
    table td.party_lib{
        text-align:left !important;
    }
    table td.party_lab{
        text-align:left !important;
    }
    table td.party_soc{
        text-align:left !important;
    }
    table td.party_con{
        text-align:left !important;
    }
    table td.party_gre{
        text-align:left !important;
    }
    table td.party_lib span {
      display: inline-block;
      height: 14px;
      padding-left: 12px;
      padding-top:8px;
    }
    table td.party_lab span {
      display: inline-block;
      height: 14px;
      padding-left: 12px;
       padding-top:8px;
    }
    table td.party_con span {
      display: inline-block;
      height: 14px;
      padding-left: 12px;
       padding-top:8px;
    }
    table td.party_gre span {
      display: inline-block;
      height: 14px;
      padding-left: 12px;
       padding-top:8px;
    }
    
    table td.party_soc span{
    display:inline-block;
    height:14px;
    padding-left:12px;
     padding-top:8px;
}

table td.turnout_con span{
    background:url("spritesheet.jpg") no-repeat -623px -644px;
    display:inline-block;

    height:17px;
    line-height:24px;
    padding-left:32px;
}

table td.turnout_lab span{
    background:url("spritesheet.jpg") no-repeat -623px -699px;
    display:inline-block;

    height:17px;
    line-height:24px;
    padding-left:32px;
}

table td.turnout_lib span{
     background:url("spritesheet.jpg") no-repeat -623px -752px;
    display:inline-block;

    height:17px;
    line-height:24px;
    padding-left:32px;
}

table td.turnout_oth span{
     background:url("spritesheet.jpg") no-repeat -623px -806px;
    display:inline-block;

     height:17px;
    line-height:24px;
    padding-left:32px;
}
    .account_summary_table table td.money {
    text-align:center !important;  
    }
    
    .tablecontainer table th, .tablecontainer table td {
      font-size: 0.7em;
      font-weight: normal;
      padding:0 !important;
      text-align: left;
      padding-left:8px !important;
    }
    
    table th.partywide {
        width:300px !important;  
    }
    
    .tablecontainer table td {
         text-align: left !important;
    }
    
    .content-text-sidebar img{
        max-width:440px !important;
    }
    .blog-social-links {
      float: right;
      width: 160px;
      margin-bottom:10px;
    }
    .blog-article .postinfo {
      color: #8297B1;
      float: left;
      padding-bottom: 20px;
    }
    .map,.subpage-map-container .map {
      height: 300px !important;
      margin-bottom: 15px;
      margin-top: 5px;
      width:456px !important;
    }
    .pagination ul {
        float: left;
    }
    .pagination .pagenum {
      color: #00B5E0;
      line-height: 20px;
      width: 102px;
    }
    .blog-excerpt .blog-excerpt-text {
      float: left;
      width: 220px;
    }
    .search-column {
      float: left;
      margin-right: 0px !important;
      width:224px;
    }
    .search-column:first-child{
        margin-right:8px !important;
    }
    .search-column ul li {
      font-size: 1.5em;
      list-style: none outside none !important;
      padding: 0 !important;
      width:228px;
    }
    .progress-indicator{
        display:none;
    }
    .nolabelcontent label{
    }
    .withlabel .textareawrapper {
      float: left;
      margin-bottom: 10px;
      width: 430px !important;
    }
    .textareawrapper textarea {
      width: 420px !important;
    }
    .requiredinfo{
        font-size:0.9em;
        width:170px;
        display:block;
        float:left;
    }
    
    .invalid {
      background: url("spritesheet.jpg") no-repeat scroll -17px -398px transparent;
      bottom: 10px;
      height: 12px;
      position: absolute;
      right: -15px;
      width: 12px;
    }
   
    .valid {
        background: url("spritesheet.jpg") no-repeat scroll 0 -398px transparent;
        bottom: 10px;
        height: 12px;
        position: absolute;
        right: -15px;
        width: 12px;
    }
    .slider-container .slider-content{
        padding:15px 0px;
    }
    
    .slider-container .slider-trigger {
       -moz-border-radius:4px;
       -webkit-border-radius:4px;
       -o-border-radius:4px;
       border-radius:4px;
    }
    ul#tabcontainer{
        height:43px !important;
    }
    ul#tabcontainer li {
        float: left !important;
        background:url("spritesheet.jpg") no-repeat -190px -619px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        height: 43px;
        line-height:47px;
        list-style: none outside none !important;
        margin-right: 2px;
        padding: 0 !important;
        text-align: center;
        width: 174px;
        -moz-border-radius-topright:7px !important;
    }
    ul#tabcontainer li a {
      display: block;
      height: 47px;
      width: 174px;
    }
    ul#tabcontainer {
      border-bottom: 1px solid #01B5E0;
      height: 47px;
      padding: 0 !important;
      width: 100%;
    }
    .camview-container .camfeed {
      float: none;
      height:auto !important;
      width:456px;
      overflow:hidden;
      margin-bottom:10px;
    }
    .camview-container .camform {
      float: none;
      height: 287px;
      width:456px;
    }
    
    .blogbox{
        width:440px;
        border:none !important;
        border-bottom: 1px dashed #EEEEEE !important;
    }
    .blogbox-footer a, .blog-excerpt-comment a, a.comments {
      color: #00B5E0;
      display: inline-block;
      font-size: 0.8em;
      line-height: 22px;
      margin-right: 10px;
      padding-left: 25px;
    }
    .blogbox-header .header-content {
      float: left;
      width: 310px;
    }
    .blogbox-header .header-content h2 {
      color: #062F63;
      padding: 0 0 10px;
    }
    .right-blogbox .blogbox-header, .right-blogbox .blogbox-footer {
      padding-left: 10px;
    }
    .right-blogbox .blogbox-content {
      padding-left: 10px;
    }
    .commentbox .comment-content {
      float: left;
      width: 350px;
    }
    .textareasmall {
      width: 250px !important;
    }
    .video-embed {
      margin-bottom: 15px;
      display:none;
    }
    .counciltax_payment_form {
      background: none !important;
    }
    .feed_with_border {
      border-right: none !important;
      width:456px !important;
    }
    .webcamfeed-right p, .webcamfeed-right img {
      padding-left: 0px !important;
    }
    .webcambox .webcamfeed {
      float: left;
      padding-top: 8px;
      width:456px;
    }
   
    .sidebar-form .inputwrapper {
        margin-bottom: 5px;
        width: 215px;
    }
    .sidebar-form .selectreplace p {
      background: url("mobilearrow.jpg") no-repeat scroll 190px 0 transparent;
    }
    .event-details .event-details-table .event-detail-title {
      font-size: 0.8em;
      width: 150px;
    }
    
    .booking-container a{
        width:210px;
        height:73px;
        margin-right:1px;
        display:inline-block;
        color: #062F63;
        background:url("leisure-buttons-wide.jpg") no-repeat 0px -74px;
        font-family:arial, helvetica, sans-serif;
        margin-bottom:10px;
    }
    .booking-container a.last{
        width:210px;
    }
    .booking-container a:hover,.booking-container a.active{
    background:url("leisure-buttons-wide.jpg") no-repeat 0px 0px;
    color:#ffffff;
    }
    .leisure-booking .centrelist {
      margin-left: auto;
      margin-right: auto;
      width: 440px;
    }
    .leisure-booking .centrelist table td {
        text-align:center !important;
    }
    table th.hide,table td.hide{
        display:none !important;
    }
    
    .courtcontainer {
      padding-top: 30px;
      width: 440px;
    }
    .courtcontainer label{
        width:170px !important;
    }
    .leisure-booking .centrelist table td,.leisure-booking .centrelist table th,.fullwide table th,.fullwide table td {
        text-align:center !important;
    }
    
    .fm_formmasterForm .inputwrapper{
    width:265px;
    }
    .fm_formmasterForm input.inputtext{
    width:265px;
    }
    .fm_formmasterForm .textareawrapper{
        width:265px !important;
    }
    .fm_formmasterForm .textareawrapper textarea{
         width:265px !important;
    }
    .fm_formmasterForm div.datefield{
    width:35px !important;
    }
    .fm_formmasterForm input.date{
    width:30px;
    }
}

@media screen and (max-width:479px){
    
    .content-text-sidebar ul
    {
        clear: both;
    }
    
    .wrapper{
        width:300px;
    }
    .big-banner{
        display:none;
    }

    .header-menu .preferences {
        /*width: 15px;*/
        /*margin-top: -15px;*/
        clear: both;
        margin-top: 90px;
        position: relative;
        /*left: -90px;*/
    }

    .nav_search {
      clear: both;
      margin-top: 80px;
    }

    .nav_search .navcontent {
      margin-top: 17px;
      height: 40px;
    }

    .nav_search .tabs{
        width:110px !important;
        height:57px !important;
    }
    .nav_search .tabs a{
        width:80px !important;
        height:57px !important;
        margin-left:auto;
        margin-right:auto;
    }
    .nav_search .tabs{
        line-height:18px !important;
        font-size:.7em !important;
    }
    .nav_search ul li.tabs {
        background: url("iphone_tab_active.png") no-repeat scroll 0 0 transparent;
    }
    .nav_search ul li.inactive {
       line-height:18px !important;
       font-size:1em !important;
    }
   
		
    .nav_search .tabs a{
        padding-top:10px;
    }
    .first{
        left:0 !important;
    }
    .second{
        left:90px !important;
    }
    .third{
        left:180px !important;
    }
    .nav_search ul li.inactive {
      background: url("iphone_tab_inactive.png") no-repeat center bottom;
      height: 57px !important;
    }
    
    .nav_search ul li.inactive a {
        font-size: .7em;
        height: 20px !important;
        padding-bottom: 10px;
        padding-top: 15px;
        text-shadow: 0 1px 0 #A2D2E5;
        vertical-align: middle;
    }
    
    .content {
        padding: 25px 20px;
    }
    
    .header {
     background: url("header-mobile-bg.jpg");
     background-size: 100% 100%; 
     height: 245px;
     position: relative;
     width: 100%;
     top: 0px;
    }
    .header .prestonlogo {
        margin-left: 0px !important;
        margin-top: 0px !important;
        width:299px;
        height:113px;
        /*background:url("spritesheet.jpg") no-repeat 0px -677px;*/
        background:url("preston-logo-small.png") no-repeat;
    }
    .nav_search ul li.searchbar {
        right: 15px;
        top: -60px;
        height:30px;
        width: 271px;
    }
    .big-button-nav ul{
        margin-left:0px;
    }
    .big-button-nav ul li {
        width: 226px;
        margin-left:17px !important;
        margin-bottom:10px;
    }
    .big-button-nav ul li a {
        background: url("spritesheet.jpg") no-repeat scroll -311px -677px;
        width: 226px;
    }
    .big-button-nav ul li a:hover{
       background:url("spritesheet.jpg") no-repeat -310px -750px;
    }
    .boxcontent {
        background: none;
        border:none;
        border-left: 1px solid #E6EAEF !important;
        border-right: 1px solid #E6EAEF !important;
        border-bottom: 1px solid #E6EAEF !important;
        margin-bottom: 28px;
        width: 260px;
    }
    .box {
      border-top: 1px solid #E6EAEF !important;
      padding-bottom: 10px;
      width: 260px;
        min-height:3px;
        padding-bottom:40px;
    }
    .box_viewmore{
        display:none;
    }
    .box h2 {
         color: #00B5E0;
         font-size: 1em;
         font-weight: normal;
         margin: 0;
         padding: 17px 0 0 15px;
    }
    .moreservices .more-list {
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
    }
    .moreservices ul {
        width: 260px;
    }
    .footer .nonsocial {
      float: none;
      padding-bottom: 20px;
      padding-top: 8px;
      width: 260px;
      text-align:center;
    }
    .large-font .footer .nonsocial{
        margin-top: -30px;
    }
    .large-font .footer .social{
        padding-top: 0;
        bottom: 95px;
    }
    .large-font .footer .copyright{
        padding-top: 0;
        bottom: 0px;
    }
    .footer .nonsocial li{
      float:none !important;
      display:inline-block;
      font-size: 0.8em;
    }
    
    .footer {
     background: none repeat scroll 0 0 #031C3B;
     height: 280px;
     padding: 24px 20px;
     position:relative;
    }
    .footer .copyright{
        float:none;
        position:absolute;
        text-align:center;
        bottom:5px;
        left:10px;
        width: auto;
    }
    .footer .contact{
        float:none;
        position:absolute;
        text-align:center;
        bottom:150px;
        width:260px;
        left:20px;
    }
    .footer .social {
        float: none;
        position:absolute;
        padding-top: 10px;
        left:25px;
        bottom:85px;
    }
    
    .featurebutton a {
      line-height: 1 !important;
    }
    .button-text .promoted-text {
        color: #00AED9;
        font-size: 0.95em;
        display:block;
        width:150px;
        padding-top:8px;
        padding-bottom:3px;
    }
    .button-text .regular-text {
        color: #163C6D;
        display:block;
        font-size: 0.7em;
        width:140px;
    }
    .topservices-element {
        float: left;
        margin-right: 8px;
        width: 260px;
    }
    .topservices-element .topelem-content {
         float: left;
         width: 210px;
    }
    .services-container h2 {
      color: #00B5E0;
      font-size: 1.1em;
      font-weight: normal;
      margin: 0;
      padding: 10px 15px 10px;
    }
    .services-container {
      float: none;
      margin-right: 0px;
      width: 259px;
      border-top: 1px solid #E6EAEF !important;
       padding-bottom:10px;
    }
    .services-wrapper {
        border:none;
      border-left: 1px solid #E6EAEF;
      border-right: 1px solid #E6EAEF;
      border-bottom: 1px solid #E6EAEF;
      margin-bottom: 10px;
     
    }
    .content-sidebar {
      float: left;
      padding-right: 0px;
      width: 260px;
      margin-bottom:20px;
    }
    .content-text-sidebar {
      float: left;
      width: 260px;
    }
    .breadcrumb ul li {
      background: none !important;
      float: left;
      font-size: 0.7em;
      line-height: 10px;
      height:auto !important;
      padding:3px;
    }
    .breadcrumb ul li:after{
        content: " > ";
        text-decoration:none !important;
    }
    .breadcrumb ul li.last:after{
        content: "";
        text-decoration:none !important;
        clear:both;
    }
     .breadcrumb ul {
        padding-bottom:3px;
        width: 100%;
    }
    
    .a-to-z-selectbox {
        background:none #f0f0f0;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        height: 155px !important;
        width: 260px;
    }
    .dark-template .a-to-z-selectbox {
        background: url("dark-a-z-bg-3.jpg") no-repeat !important;
    }
    .a-to-z-selectbox .offset {
        margin-left: 0px;
    }
    .a-to-z-selectbox ul {
      padding: 5px 10px 0;
    }

    .tablecontainer table thead tr{
        background:#6c6c6c;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -o-border-radius:4px;
    }
    .roundedcorners{
        background:none !important;
    }
    .tablecontainer table th {
      font-size: 0.7em;
      font-weight: normal;
      padding:0 !important;
      padding-left:3px !important;
      padding-right:3px !important;

      text-align: left !important;
      
    }
    .tablecontainer table td {
      font-size: 0.7em;
      font-weight: normal;
      padding:0 !important;
      padding-left:3px !important;
      padding-right:3px !important;
      text-align: left !important;
      
    }
    
    .inputwrapper {
      border: 1px solid #C8C8C8;
      border-radius: 3px 3px 3px 3px;
      padding: 5px;
      max-width: 250px !important;
    }
    .inputwrapper .inputtext{
        width:240px;
    }
    .selectreplace p {
      background: url("mobilearrow.jpg") no-repeat 98% 0px;
      cursor: pointer;
      line-height: 20px;
      margin: 0 !important;
      padding: 0 !important;
    }
    .calendar-key, .calendar-container {
      float: none;
      width: 260px;
    }
    .calendar-key{
        margin-bottom:10px;
    }
    .ui-datepicker{
        width: 240px !important;
    }
    .loginform label {
        width: auto !important;
    }
    .formelement label span {
      font-size: 1em;
      position: relative;
      text-align: right;
    }
    .login-buttons .login_footer_text {
      float: left;
      width: 260px;
      margin-bottom:10px;
    }
    .election_figs{
        display:none;
    }
    .tablecontainer table{
        width:100%;
    }

    .tablecontainer table td span,.dark-template .tablecontainer table td span{
        width:auto !important;
        line-height: 1 !important;
        padding-left:0 !important;
        max-width:120px;
        background:none !important;
    }
    .tablecontainer table td.rating{
        padding:0 !important;
    }
    .tablecontainer table td.rating span {
        padding-left: 0 !important;
    
    }
    
    .signup {
  background: url("spritesheet.jpg") no-repeat scroll -325px -178px transparent !important;
}
    
    .tablecontainer table td{
        vertical-align:middle;
    }
    
    table td.party_lib span {
      display: inline-block;
      height: 14px;
      padding:0 !important;
      background:none;
    }
    
     table td.party_lab span {
      display: inline-block;
      height: 14px;
      padding:0 !important;
      background:none;
    }
    
     table td.party_gre span {
      display: inline-block;
      height: 14px;
      padding:0 !important;
      background:none;
    }
    
     table td.party_con span {
      display: inline-block;
      height: 14px;
      padding:0 !important;
      background:none;
    }
    
     table td.party_soc span {
      display: inline-block;
      height: 14px;
      padding:0 !important;
      background:none;
    }
    

    
    .content-text-sidebar img{
        max-width:260px !important;
    }
    .blog-social-links {
      float: right;
      width: 160px;
      margin-bottom:10px;
    }
    .blog-article .postinfo {
      color: #8297B1;
      float: left;
      padding-bottom: 20px;
    }
    .map,.subpage-map-container .map {
      height: 260px !important;
      margin-bottom: 15px;
      margin-top: 5px;
      width: 260px !important;
    }

    .pagination ul li {
      color: #B2B1B1;
      float: left;
      font-family: arial,helvetica,sans-serif;
      font-size: 1em;
      font-weight: bold;
      height: 20px;
      list-style: none outside none !important;
      padding: 0 !important;
      text-align: center;
      width:20px;
    }
    .pagination .pagenum {
      color: #00B5E0;
      font-size: 0.7em;
      line-height: 20px;
      width: 102px;
    }
    .blog-excerpt .blog-excerpt-text {
      float: left;
      width: 260px;
    }
    .search-column {
      float: left;
      margin-right: 20px;
      width: 260px;
    }
    .search-column ul li {
      font-size: 1.5em;
      list-style: none outside none !important;
      padding: 0 !important;
      width: 260px;
    }
    .progress-indicator{
        display:none;
    }
    .nolabelcontent label{
        height:15px;
    }
    .withlabel .textareawrapper {
      float: left;
      margin-bottom: 10px;
      width: 250px !important;
    }
    .textareawrapper textarea {
      width: 240px !important;
    }
    .requiredinfo{
        font-size:0.9em;
        width:170px;
        display:block;
        float:left;
    }
    
    .invalid {
      background: url("spritesheet.jpg") no-repeat scroll -17px -398px transparent;
      bottom: 10px;
      height: 12px;
      position: absolute;
      right: -15px;
      width: 12px;
    }
    
    .valid {
        background: url("spritesheet.jpg") no-repeat scroll 0 -398px transparent;
        bottom: 10px;
        height: 12px;
        position: absolute;
        right: -15px;
        width: 12px;
    }
    .slider-container .slider-content{
        padding:15px 0px;
    }
    
    .slider-container .slider-trigger {
       -moz-border-radius:4px;
       -webkit-border-radius:4px;
       -o-border-radius:4px;
       border-radius:4px;
        font-size: 1em !important;
    }
    ul#tabcontainer{
        height:43px !important;
    }
    ul#tabcontainer li {
        float: left !important;
        background:url("spritesheet.jpg") no-repeat -190px -619px !important;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
        font-weight: bold;
        height: 43px;
        line-height:47px;
        list-style: none outside none !important;
        margin-right: 2px;
        padding: 0 !important;
        text-align: center;
        width: 120px;
        border-radius: 7px 7px 0px 0px;
        -moz-border-radius: 7px 7px 0px 0px;
        -webkit-border-radius: 7px 7px 0px 0px;
        -ms-border-radius: 7px 7px 0px 0px;
    }
    .dark-template ul#tabcontainer li{
        background:url("spritesheet.jpg") no-repeat -190px -619px !important;
    }
    ul#tabcontainer li a {
      display: block;
      height: 47px;
      width: 120px;
    }
    ul#tabcontainer {
      border-bottom: 1px solid #01B5E0;
      height: 47px;
      padding: 0 !important;
      width: 100%;
    }
    .camview-container .camfeed {
      float: none;
      height:auto !important;
      width: 260px;
      overflow:hidden;
      margin-bottom:10px;
    }
    .camview-container .camform {
      float: none;
      height: 287px;
      width: 260px;
    }
    .blogbox{
        width:260px;
        border:none !important;
        border-bottom: 1px dashed #EEEEEE !important;
    }
    .blogbox-footer a, .blog-excerpt-comment a, a.comments {
      color: #00B5E0;
      display: inline-block;
      font-size: 0.8em;
      line-height: 22px;
      margin-right: 10px;
      padding-left: 25px;
    }
    .blogbox-header .header-content {
      float: left;
      width: 130px;
    }
    .blogbox-header .header-content h2 {
      color: #062F63;
      padding: 0 0 10px;
    }
    .right-blogbox .blogbox-header, .right-blogbox .blogbox-footer {
      padding-left: 10px;
    }
    .right-blogbox .blogbox-content {
      padding-left: 10px;
    }
    .commentbox .comment-content {
      float: left;
      width: 250px;
    }
    .textareasmall {
      width: 250px !important;
    }
    .video-embed {
      margin-bottom: 15px;
      display:none;
    }
    .counciltax_payment_form {
      background: none !important;
    }
    .feed_with_border {
      border-right: none !important;
      width: 260px !important;
    }
    .webcamfeed-right p, .webcamfeed-right img {
      padding-left: 0px !important;
    }
    .webcambox .webcamfeed {
      float: left;
      padding-top: 8px;
      width: 260px;
    }    
    .adobe {
    background: url("spritesheet.jpg") no-repeat scroll -216px -69px transparent;
    height: 25px;
    left: 145px;
    position: absolute;
    top: 14px;
    width: 103px;
    }
    
    .dark-template .boxcontent {
        border:none !important;
        border-left: 1px solid #2E4765 !important;
        border-bottom: 1px solid #2E4765 !important;
        border-right: 1px solid #2E4765 !important;
    }
    
    .event-details .event-details-table .event-detail-title {
      font-size: 0.8em;
      width: 100px;
    }
    
    .tablecontainer table td.rating{
    text-align:left !important;
    }
    .tablecontainer table td.rating .one:after{
        content:"*";
        padding-left:10px !important;
    }
    .tablecontainer table td.rating .two:after{
        content:"**";
        padding-left:10px !important;
    }
    .tablecontainer table td.rating .three:after{
        content:"***";
        padding-left:10px !important;
    }
    .tablecontainer table td.rating .four:after{
        content:"****";
        padding-left:10px !important;
    }
    .tablecontainer table td.rating .five:after{
        content:"*****";
        padding-left:10px !important;
    }
    /**************chris***********/
    .dark-template .tablecontainer table td.rating .one {
        background: url("dark-spritesheet.jpg") no-repeat -219px -108px !important;
    }
    .booking-container a{
       margin-left:25px !important;
    }
    .leisure-login {
      margin-left: auto;
      margin-right: auto;
      padding-top: 30px;
      width: 260px;
    }
     .leisure-booking .centrelist {
      margin-left: auto;
      margin-right: auto;
      width: 260px;
    }
    .leisure-booking .centrelist table td,.leisure-booking .centrelist table th,.fullwide table th,.fullwide table td {
        text-align:center !important;
    }
    .fullwide table td {
        font-size:0.7em !important;
    }
    table th.hide,table td.hide{
        display:none !important;
    }
    .courtcontainer {
      padding-top: 30px;
      width: 260px;
    }
    .courtcontainer label{
        width:170px !important;
    }
    .courtcontainer ul li span {
      display: inline-block;
      width: 100%;
      margin-bottom:5px;
    }
    
    .booking-nav
    {
        display: none;
    }
     .fm_formmasterForm .inputwrapper{
    width:165px;
    }
    .fm_formmasterForm input.inputtext{
    width:165px;
    }
    .fm_formmasterForm .textareawrapper{
        width:165px !important;
    }
    .fm_formmasterForm .textareawrapper textarea{
         width:165px !important;
    }
    .fm_formmasterForm div.datefield{
    width:35px !important;
    }
    .fm_formmasterForm input.date{
    width:30px;
    }
}