/* ========================================================================== */
/* RESIDENT    = #003b5d
/* BUSINESS    = #f8c200
/* COUNCIL     = #005ea4
/* NEWS        = #6f777a
/* ========================================================================== */
    

/* ========================================================================== */
/* Base site styles 
/* ========================================================================== */
html {
    position: relative;
    min-height: 100%;
}
body, form {
    margin: 0;
    padding: 0;
    font-size: 19px;
    font-family: 'Open Sans', sans-serif, Helvetica, Arial, sans-serif;
    transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -webkit-transition:all .5s ease-in-out;
}
body {
    background-color: #dee0e2;
}
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}


/* ========================================================================== */
/* Tool styles 
/* ========================================================================== */
.spacer-xs {
    margin-bottom: 10px;
}
.spacer-sm {
    margin-bottom: 20px;
}
.spacer-md {
    margin-bottom: 30px;
}
.spacer-lg {
    margin-bottom: 40px;
}


/* ========================================================================== */
/* Umbraco form override styles 
/* ========================================================================== */
#page-content form input[type=radio] {
    position: relative;
    width: 100%;
    z-index: 999999;
    float: left;
}

/* ========================================================================== */
/* Modal override styles 
/* ========================================================================== */
.modal {
    overflow-y: auto;
}
.modal-open {
    overflow: auto;
}
.modal-open[style] {
    padding-right: 0 !important;
}
.modal h2,
.modal h3,
.modal h4,
.modal h5 {
    margin-top: 0;
    font-family: Museo-700;
}
.modal .modal-body {
    padding: 30px;
}
.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}

/* ========================================================================== */
/* Street error styles 
/* ========================================================================== */
#page-content .street-error p:last-child {
    padding-bottom: 0 !important;
}


/* ========================================================================== */
/* Media query styles 
/* ========================================================================== */
.umbraco-forms-bootstrap3-horizontal .h1,
.umbraco-forms-bootstrap3-horizontal .h2,
.umbraco-forms-bootstrap3-horizontal .h3,
.umbraco-forms-bootstrap3-horizontal h1,
.umbraco-forms-bootstrap3-horizontal h2,
.umbraco-forms-bootstrap3-horizontal h3,
.umbraco-forms-bootstrap3-horizontal h4 {
    margin-top: 0;
    margin-bottom: 20px;
}
.umbraco-forms-bootstrap3-horizontal .form-group {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.umbraco-forms-bootstrap3-horizontal h2 {
    font-family: Museo-700 !important;
    font-size: 160% !important;
    line-height: 1.3 !important;
}
.umbraco-forms-bootstrap3-horizontal label {
    font-size: 100%;
    font-weight: bold;
}
.umbraco-forms-bootstrap3-horizontal .field-validation-error {
    display: block;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-left: 0 !important;
    font-size: 80%;
    color: #B10E1E;
    font-weight: bold;
}

.checkbox-custom, 
.radio-custom {
    opacity: 0;
    position: absolute;   
    height: 0 !important;
}
.checkbox-custom, 
.checkbox-custom-label, 
.radio-custom, 
.radio-custom-label {
    cursor: pointer;
    font-weight: normal;
    font-size: 100%;
}
.checkbox-custom ~ .checkbox-custom-label:before, 
.radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #bfc1c3;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}
.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}
.checkbox-custom:checked ~ .checkbox-custom-label:before,
.radio-custom:checked + .radio-custom-label:before {
    background: #bfc1c3;
    box-shadow: inset 0 0 0 4px #fff;
}
.checkbox-custom:focus ~ .checkbox-custom-label, 
.radio-custom:focus + .radio-custom-label {
    outline: 0 solid #bfc1c3;
}
.btn:focus {  
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}



/* ========================================================================== */
/* Button styles 
/* ========================================================================== */
.btn-call-to-action {
    text-transform: uppercase;
}


/* ========================================================================== */
/* Bootstrap form override styles 
/* ========================================================================== */
.form-control {
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #bfc1c3;
}
.btn-default {
    border-color: #bfc1c3;
}
.form-group .form-group {
    margin-bottom: 0;
}
#page-content form p.small {
    font-size: 80%;
}
#page-content form ul {
    margin-bottom: 20px;
}
.separator {
    margin-bottom: 30px;
}
#page-content form input[type=radio] {
    height: 22px;
}
#page-content {
    padding: 30px 0 20px;
    background-color: #fff;
}
#page-content p {
    padding-bottom: 20px !important;
}
#page-content .alert {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;    
}


/* ========================================================================== */
/* Table base element styles 
/* ========================================================================== */
table th {
    font-size: 120%;
    font-family: Museo-700;   
}
table.borderless td {
    border: none !important; 
}
table.borderless th {
    border: none !important; 
}
.table-responsive {
    border: 0;
}


/* ========================================================================== */
/* Base element styles 
/* ========================================================================== */
h1 {
    font-size: 200%;
    margin-top: 0;
    margin-bottom: 30px;
    font-family: Museo-700;
}
textarea.form-control {
    resize: none;
    height: 100px;
}
ul, ol {
    margin-bottom: 20px
}
  

/* ========================================================================== */
/* Form validation styles 
/* ========================================================================== */
.field-validation-error span {
    display: block;
    margin-top: 10px;
    font-size: 90%;
    color: #B10E1E;
}
.input-validation-error {
    border: 2px solid #B10E1E !important;
}
.error {
    border: 2px solid #B10E1E !important;
}
.error + .checkbox-custom-label:before, 
.error + .radio-custom-label:before {
    border: 2px solid #B10E1E !important;   
}
.form-error input,
.form-error select,
.form-error input[readonly] {
    background-color: #fbe3e4;
    border: solid 1px #DF3034 !important;
}
.form-error textarea {
    background-color: #fbe3e4;
    border: solid 1px #DF3034 !important;
}
.form-error .map-canvas {
    border: solid 1px #DF3034;
}
.form-error .radio [type="radio"] + span:before {
    box-shadow: 0 0 0 0.1em #DF3034;
}
.form-error .checkbox-custom + .checkbox-custom-label:before, 
.form-error .radio-custom + .radio-custom-label:before {
    background-color: #fbe3e4;
    border: 1px solid #DF3034;
}
.dz-upload { 
    display: block; 
    background-color: red; 
    height: 10px;
    width: 0;
}
.form-error .list-group {
    border: solid 1px #DF3034 !important;    
}
.form-error .list-group a {
    background-color: #fbe3e4 !important;
}
.form-error .list-group a.active {
    background-color: #003a5d !important;
    border-color: #003a5d !important;
}



/* ========================================================================== */
/* Misc element styles 
/* ========================================================================== */
.first {
    margin-top: 30px;
}
.list-minimum {
    margin-bottom: 0;
}
.img-article {
    padding: 30px 0;
}
.listing-image {
    padding: 0 0 25px;
}


/* ========================================================================== */
/* Alert element styles 
/* ========================================================================== */
.alert {
    margin-bottom: 0;
    background-image: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 20px 20px 20px 20px;
}
.alert h5 {
    margin: 0;
    padding: 0;
    font-size: 110%;
}
.alert p {
    padding: 0;
    margin: 0;
}
.alert-success {
    color: #fff;
    background-color: #28A197;
}
.alert-success a {
    color: #fff;
}
.alert-info {
    color: #fff;
    background-color: #D53880;
}
.alert-info a {
    color: #fff;
}
.alert-warning {
    color: #fff;
    background-color: #F47738;
}
.alert-warning a {
    color: #fff;
}
.alert-danger {
    color: #fff;
    background-color: #DF3034;
}
.alert-danger a {
    color: #fff;
}
.alert-cookie {
    font-size: 80%;
    color: #a2a2a2;
    background-color: #000;
}
.alert-cookie h5 {
    color: #fff;
}
.alert-cookie a {
    color: #f6a21d;
}
#page-content .alert {
    margin-bottom: 20px;
}
.alert.alert-information {
    padding: 20px 20px 0 20px;
}


/* ========================================================================== */
/* Landing page section styles 
/* ========================================================================== */
.section-block {
    margin-bottom: 30px;
}


/* ========================================================================== */
/* Main navigation styles 
/* ========================================================================== */
.navbar {
    margin-bottom: 0;
    border: 0;
    min-height: 90px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.navbar-nav > li > a {
    padding: 35px 40px !important;
}
.navbar-default {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}
.navbar-default .navbar-nav > li > a {
    font-size: 120%;
    font-family: Museo-700;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    text-decoration: underline;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar-default .logo {
    padding-top: 10px;
}
.navbar-default p {
    margin-top: 10px;
    display: inline-block;
    font-family: Museo-700;
}
.navbar .navbar-toggle {
    margin-top: 27px;
    border: 0;
}



/* ========================================================================== */
/* Welcome intro styles 
/* ========================================================================== */
#welcome {
    padding-top: 20px;
    padding-bottom: 20px;
}
#welcome h1 { 
    text-align: right;
}
#welcome p {
    padding: 2% 0;
    text-align: right;
}



/* ========================================================================== */
/* Search bar styles 
/* ========================================================================== */
.search-box .btn {
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    border-left: 0;
    text-transform: uppercase;
}
.search-box input[type=text] {
    background: #ebebeb;
    font-size: 130%;
    height: 40px;
    font-family: Museo-500;
    border-right: 0;
    outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.search-box i.glyphicon-search:before  {
    height: 40px;
    line-height: 40px;
    width: 40px !important;
    display: block;
}
.search-box .btn:focus, #welcome .btn:active:focus, #welcome .btn.active:focus {
    outline: 0 none;
}
.search-box .btn-default {
    background: #ebebeb;
    color: #6e6e6d;
    padding: 0 5px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-shadow: none;
    border-left: 0;
}
.search-box .btn-default:hover, 
.search-box .btn-default:focus, 
.search-box .btn-default:active, 
.search-box .btn-default.active, 
.search-box .open > .dropdown-toggle.btn-default {
    background: #6e6e6d;
    color: #ebebeb;
}
.search-box .btn-default:active, #welcome .btn-default.active {
    background: #007299;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.search-box-large input[type=text] {
    font-size: 180%;
    height: 60px;
    font-family: Museo-700;
}
.search-box-large i.glyphicon-search:before  {
    height: 60px;
    line-height: 60px;
    width: 40px !important;
    display: block;
}
.search-box-large .btn-default {
    padding: 0 20px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
}


/* ========================================================================== */
/* Search bar styles 
/* ========================================================================== */
.search input[type=text] {
    color: #555 !important;  
    background: #ebebeb;
}
.search .btn-default {
    background: #ebebeb;
    color: #6e6e6d;
}
.search .btn-default:hover, 
.search .btn-default:focus, 
.search .btn-default:active, 
.search .btn-default.active, 
.search .open > .dropdown-toggle.btn-default {
    background: #6e6e6d !important;
    color: #ebebeb !important;
}


/* ========================================================================== */
/* Search results site styles 
/* ========================================================================== */
.search-result {
    padding-bottom: 30px;
}
.search-result h4 {
    margin-bottom: 5px;
}
ul.search-results {
    margin: 2em 0;
    list-style-type: none;
}
ul.search-results li {
    margin: 0;
    margin-left: 0em;
}
ul.search-results li:before {
    font-family: 'FontAwesome';
    font-size: 160%;
    float: left;
    line-height: 1em;
    margin-left: -1.4em;
}
ul.search-results li.pdf:before {
    content: '\f1c1';
    color: #B10E1E;
}
ul.search-results li.page:before {
    content: '\f08e';
    color: #003b5d;
}



/* ========================================================================== */
/* Landing page navigation styles 
/* ========================================================================== */
#landing-summary {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff;
}
#landing-summary .more {
    margin-top: 30px;
}


/* ========================================================================== */
/* A to Z letter styles 
/* ========================================================================== */
#atoz-letters {
    padding: 20px 0;
    font-size: 155%;
    font-family: Museo-700;
}
#atoz-letters .letters {
    text-align: right;
}
#atoz-letters a:link,
#atoz-letters a:visited,
#atoz-letters a:active {
    text-transform: lowercase;
}


/* ========================================================================== */
/* A to Z results styles 
/* ========================================================================== */
.atozterms {
    margin-bottom: 18px;
}
.atozterms a {
    font-size: 180%;
    background-color: #dddddd;
    color: #003b5d;
    width: 50px;
    float: left;
    text-align: center;
    margin-right: 12px;
    margin-bottom: 12px;
    font-family: Museo-700;
}
.atozterms a.active,
.atozterms a:hover {
    background-color: #003b5d;
    color: #fff !important;
}
.atozterms span,
.atozterms span.active {
    font-size: 180%;
    background-color: #686e6e;
    color: #fff;
    width: 50px;
    float: left;
    text-align: center;
    margin-right: 12px;
    margin-bottom: 12px;
    font-family: Museo-700;
}


/* ========================================================================== */
/* Site wide widget styles 
/* ========================================================================== */
.widget {
    padding-top: 25px;
    padding-bottom: 30px;
}
.widget-simple {
    border-top: 0 !important;
    padding-top: 0;
}
.widget .highlight {
    background-color: #6f777a;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 130%;
    font-family: Museo-700;
}
.widget ul {
    padding-left: 0;
    list-style-type: none;
}
.widget ul.bullets {
    padding-left: 20px;
    list-style-type: disc;
}
.widget ul li {
    padding: 7px 0;
}
.widget i {
    width: 40px;
    padding-right: 20px;
}
#page-content .widget p {
    padding: 0 0 5px !important;
}
.widget-full {
    border-top: 0 !important;
}
.widget-footer {
    margin-top: 60px;
    border-top: 0 !important;
}
.widget-footer ul {
    padding-left: 20px;
    list-style-type: disc;
}
#page-content .width-footer a {
    text-transform: lowercase !important;
}
.widget-footer i {
    font-size: 80%;
}
.widget-footer span {
    font-size: 80%;
}
.widget .map-location {
    width: 100%;
    height: 300px;
}
.widget-filter label {
    font-family: Museo-700;    
}
.widget img {
    max-width: 100%;
    height: auto !important;
    margin: 0 auto;
    display: block;
}


/* ========================================================================== */
/* Footer styles 
/* ========================================================================== */
#footer {
    color: #454a4c;
    font-size: 90%;
    padding: 15px 0 10px;
    background-color: #dee0e2;
}
#footer a {
    color: #454a4c;
}
#footer a:focus {
    outline: 3px solid transparent;    
    background-color: #217346;
    box-shadow: 0 -2px #217346, 0 4px #fff;
    text-decoration: none;   
    color: #fff;
}
#footer .back-to-top {
    text-align: right;
}
#footer h3 {
    color: #6e6e6d;
}
#footer h5 {
    padding-bottom: 10px;
}
#footer h3 strong {
    color: #454a4c;
}
#footer .feedback {
    padding-bottom: 15px;
}
#footer .click-to-rate {
    background-image: url(../img/misc/click-to-rate.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 146px;
    height: 21px;
    float: left;
    text-align: right;
    color: #fff;
    font-size: 80%;
    padding-right: 6px;
}
#footer input[type=image] {
    margin-right: 10px;
}
#footer .social img {
    margin-top: 5px;
    margin-left: 10px;
}
#footer .social {
    padding-bottom: 10px;
    text-align: right;
}
#footer .links {
    text-align: right;
}


/* ========================================================================== */
/* News and Events styles 
/* ========================================================================== */
#newsevents {
    padding-bottom: 15px;
    background-color: #fff;
}


/* ========================================================================== */
/* Homepage advert styles 
/* ========================================================================== */
.advert {
    -webkit-text-shadow: none;
    text-shadow: none;
}
.advert h3 {
    color: #fff;
}
.advert .thumbnail {
    padding: 0;
    border: 0;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.advert .carousel-indicators {
	bottom:15px;
	left:10px;
	width:auto;
	margin-left:0;
}
.advert .carousel-indicators li {
	border-radius:0;
	width:8px;
	height:8px;
	background:#fff;
}
.advert a {
    color: #fff !important;
}
.advert a img {
    position: relative;
}
.advert .advert-fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(rgba(255,0,0,0),rgba(0,0,0,0.8)); /*Safari 5.1-6*/
    background: -o-linear-gradient(rgba(255,0,0,0),rgba(0,0,0,0.8)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(rgba(255,0,0,0),rgba(0,0,0,0.8)); /*Fx 3.6-15*/
    background: linear-gradient(rgba(255,0,0,0), rgba(0,0,0,0.8)); /*Standard*/
}
.advert .advert-fade-content {
    position: absolute;
    bottom: 20px;
    padding: 10px;
}
.advert .advert-fade-content h3 {
    font-size: 140%;
    margin-bottom: 5px;
}
.advert .advert-fade-content p.alert {
    margin: 0;
    display: inline-block;
    background-color: #eb2b90;
    font-family: Museo-700;
    font-size: 80%;
    padding: 2px 5px 1px;
    line-height: 1em;
    text-transform: uppercase;
}
.advert .advert-fade-content p.date {    
    font-family: Museo-700;
    font-size: 80%;
}
.advert .advert-fade-content p.date i {
    width: 20px !important;
    padding-right: 5px !important;
}
.advert .carousel-indicators .active {
	width:10px;
	height:10px;
}
.advert .carousel-caption {
    bottom: auto;
    top: 60px;
}
#events .carousel-indicators .active {
    background: #f6c217;
    border-color: #f6c217;
}


/* ========================================================================== */
/* Alternate widget template styles 
/* ========================================================================== */
.widget-template {
    padding-top: 20px;
    background-color: #fff;
}
.widget-template .widget {
    padding-bottom: 60px
}


/* ========================================================================== */
/* Main breadcrumb styles 
/* ========================================================================== */
#breadcrumb {
    padding: 2px 0;
}
#breadcrumb .detail {
    padding-top: 18px;
    padding-bottom: 18px;
}
#breadcrumb .btn-default {
    /*background-color: transparent;*/
    border: 0;
    margin-top: 11px;
    color: #6e6e6d;
    text-shadow: none;
}
#breadcrumb i {
    height: 28px;
    line-height: 26px;
    font-size: 150%;
}
#breadcrumb .form-control {
    margin-top: 11px;
    font-family: Museo-700;
    border: 0;
    font-size: 130%;
    color: #fff;
    height: 40px;
}
#breadcrumb button {
    background-color: #ebebeb;
}


/* ========================================================================== */
/* Content Section styles 
/* ========================================================================== */
#content {
    margin: 30px 0;
}
#content .alert {
    margin-bottom: 20px;
}



/* ========================================================================== */
/* Base table styles 
/* ========================================================================== */
.table {
    padding: 0;
    margin: 0;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    padding-left: 0;
}


/* ========================================================================== */
/* Form contact us styles 
/* ========================================================================== */
.contactus .alert {
    margin-bottom: 20px;
}
.contactus h4 {
    margin-bottom: 20px;
}
.contactus .widget-full {
    margin-top: 30px;
}


/* ========================================================================== */
/* Pagination site styles 
/* ========================================================================== */
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
    color: #fff !important;
}



/* ========================================================================== */
/* Page listing styles 
/* ========================================================================== */
.listing {
    margin-bottom: 15px;
    border-bottom: dotted 2px;   
}


/* ========================================================================== */
/* Report issue styles 
/* ========================================================================== */
#report-issue {
    padding-bottom: 15px;
    background-color: #fff;
}


/* ========================================================================== */
/* Page summary filter area
/* ========================================================================== */
.wrapper-panel {
    padding: 25px 30px 20px 30px;
    background-color: #ebebeb;
    margin-bottom: 25px;
}
.wrapper-panel-small {
    font-size: 75%;
    text-transform: uppercase;
    padding: 6px 12px;
    background-color: #ebebeb;
}
.wrapper-panel-small li {
    border-right: 1px solid #6f777a;
}
.wrapper-panel-small li.last {
    border-right: 0;
}


/* ========================================================================== */
/* Panel area custom styles
/* ========================================================================== */
.panel h5 {
    margin: 0;
}
#page-content .panel p {
    padding: 0 !important;
}
#page-content .panel p.highlight {
    padding: 5px 10px !important;
    background-color: #6f777a;
    color: #fff;
}
#page-content .panel-heading {
    padding: 0;
	border:0;
}
#page-content .panel-title > a, 
#page-content .panel-title > a:active{
	display:block;
	padding:15px;
    font-size:16px;
    font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
    word-spacing:3px;
	text-decoration:none;
}
#page-content .panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}
#page-content ul.list-group {
    margin-bottom: 0;
}
#page-content .panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 


/* ========================================================================== */
/* News widget custom styles
/* ========================================================================== */
#latest-news .item {
    padding: 10px 0;
    border-top: solid 1px #e9e9e9;
}
#latest-news h5 {
    font-size: 115%;
}
#latest-news p.date {
    font-size: 80%;
}
#latest-news a {
    font-size: 80%;
}
#latest-news p {
    padding: 0;
    margin: 0;
    line-height: 1.2em;
}
#latest-news .sub-item a {
    color: #000;
    font-weight: bold;
}


/* ========================================================================== */
/* iFrame media styles 
/* ========================================================================== */
.embed-container {
    position: relative;
    padding-bottom: 80%;
    height: 0;
    max-width: 100%;
}
.embed-container iframe, 
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ========================================================================== */
/* Binbag query styles 
/* ========================================================================== */
.form-binbag {
    color: #003b5d;
}
.form-binbag .progress {    
    margin-bottom: 5px;
}
.form-binbag .progress-bar {
    width: 33.333333%;
}
.form-binbag .progress-bar-success {
    background-color: #37bd9c;
}
.form-binbag .form-binbagitem {
    margin-bottom: 20px;
}
.form-binbag .btn-success,
.form-binbag .btn-success:focus,
.form-binbag .btn-success:active {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #f6c119;
    border-color: #f6c119;   
    padding: 6px 20px; 
}
.form-binbag .btn-lg,
.form-binbag .btn-lg:focus,
.form-binbag .btn-lg:active {
    font-weight: bold;
    font-size: 16px;
    margin-top: 0 !important;
    padding: 8px 20px !important; 
}
.form-binbag h2 {
    font-family: Museo-300;
    font-size: 26px;
    margin: 5px 0 25px 0;
}
.form-binbag h3 {
    font-size: 18px;
    margin: 0 0 10px;
}
.form-binbag .basket {
    padding: 20px 10px;
    background-color: #e6e9ee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.form-binbag .basket h3 {
    font-family: inherit;
    font-size: 90%;
    margin: 0 0 15px;
}
.form-binbag .basket .btn-edit {
    margin: 0 0 10px;
}
#page-content .form-binbag .basket p {
    color: #003b5d;
    font-size: 85%;
    padding-bottom: 10px !important;
}
/*#page-content .form-binbag .basket .btn {
    display: none;
}*/
#page-content .form-binbag .basket p.status {
    font-family: Museo-500;
    font-size: 100%;
}
#page-content .form-binbag .basket p.total {
    padding-bottom: 0 !important;
    padding-top: 12px;
}
.form-binbag .btn-default,
.form-binbag .btn-default:focus,
.form-binbag .btn-default:active {
    color: #fff !important;
    text-transform: uppercase;
    background-color: #24282b;
    border-color: #24282b;   
    padding: 6px 20px; 
}
.form-binbag .btn-small {
    font-size: 11px;
}
.form-binbag .modal-content {
    background-color: #f6c119;    
}
.form-binbag a.remove {
    font-size: 10px;
}
.form-binbag a.complete {
    display: none;
}
.form-binbag .basket label {
    background-color: #003b5d !important;
    color: #fff;
    display: block;
    padding: 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 80%;
    font-family: 'Open Sans', sans-serif, Helvetica, Arial, sans-serif;
}
.form-binbag .form-control,
.form-binbag .form-control {
    background-color: transparent;
    border: 1px solid #afb0b5;
}
.form-binbag .form-group {
    margin-bottom: 25px;
}
.form-binbag .address input[type=text] {
    margin-bottom: 20px;
}
.form-binbag .order-confirmation {
    color: #fff;
    margin-bottom: 20px;
    padding: 20px 20px 0 20px;
    background-color: #37bd9c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;       
}
.form-binbag .order-confirmation h3 {
    color: #fff;
    font-weight: bold;
}
.form-binbag .basket-confirm h2 {
    font-family: Museo-700;
    font-size: 23px;    
}
.form-binbag table.table-order {
    padding: 2px 5px;
    font-family: Museo-300;
    font-size: 20px;
    margin-bottom: 30px;
}
.form-binbag table.table-order th {
    background-color: #003b5d;
    padding: 2px 5px;
    font-family: Museo-300;
    font-size: 20px;
    color: #fff !important;
}
.form-binbag table.table-order td {
    padding: 2px 5px;
    vertical-align: middle;
}
.form-binbag table.table-order td.img {
    width: 100px;
}
.form-binbag table.table-order td.qty {
    width: 80px;
}
.form-binbag .contact-details h3 {
    font-family: Museo-700;
    font-size: 20px;
}
#page-content .form-binbag .contact-details p {
    padding-bottom: 5px !important;
    margin: 0;
}
.form-binbag p.status {
    font-weight: bold;
}


/* ========================================================================== */
/* Rootwizard styles 
/* ========================================================================== */
#rootwizard h2 {
    font-family: Museo-300;
    font-size: 137%;
    font-weight: bold;
    margin: 5px 0 25px 0;
}
#rootwizard h2 a {
    color: #000;
}
#rootwizard h3 {
    font-family: Museo-300;
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 25px 0;
    color: #000;
}
#rootwizard h4 {
    font-family: Museo-700;
    font-size: 20px;
    color: #003b5d;
}
#rootwizard .progress-bar-success {
    background-color: #37bd9c;
}
#rootwizard .progress {
    margin-bottom: 5px;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#rootwizard .search-box-wizard {
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    padding: 4px 55px 4px 15px;
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#rootwizard .search-box-wizard.hovered, 
#rootwizard .search-box-wizard:hover, 
#rootwizard .search-box-wizard:active {
    border: 1px solid #aaa;
}
#rootwizard .search-box-wizard input[type=text] {
    border: none;
    box-shadow: none;
    display: inline-block;
    padding: 0;
    background: transparent;
}
#rootwizard .search-box-wizard input[type=text]:hover, 
#rootwizard .search-box-wizard input[type=text]:focus, 
#rootwizard .search-box-wizard input[type=text]:active {
    box-shadow: none;
}
#rootwizard .search-box-wizard .search-btn {
    position: absolute;
    right: 2px;
    top: 2px;
    color: #aaa;
    border-radius: 3px;
    padding: 8px 10px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#rootwizard .search-box-wizard .search-btn:hover {
    color: #fff;
    background-color: #003b5d;
}
#rootwizard .btn {
    text-transform: uppercase;
}
#rootwizard label strong {
    color: #003b5d;
}
#rootwizard .order-confirmation {
    color: #fff;
    margin-bottom: 20px;
    padding: 20px 20px 0 20px;
    background-color: #37bd9c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#rootwizard .order-confirmation h4 {
    color: #fff;
    font-family: 'Open Sans', sans-serif, Helvetica, Arial, sans-serif;
    font-weight: bold;
}
#page-content #rootwizard .contact-details p {
    margin: 0;
    padding-bottom: 5px !important;
}


/* ========================================================================== */
/* Flytipping styles 
/* ========================================================================== */
/*.form-flytipping .open-reports {
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 10px 25px;
    background-color: #d53781;    
}
.form-flytipping .open-reports .report {
    font-family: Museo-300;
    text-transform: uppercase;
}
.form-flytipping .open-reports .count {
    padding-top: 5px;
    font-size: 170%; 
}*/
.form-flytipping .infobox {
    text-align: center;
}
.form-flytipping .infobox .box {
    background: #d53781;
    color:#FFF;
    padding: 10px;
    font-size: 140%;  
}
.form-flytipping .infobox .box strong {
    display: block;
    margin-bottom: 5px;
}
.form-flytipping .infobox .arrow {
    display: inline-block;
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid #d53781;
}
.form-flytipping .error-message {
    padding: 10px 0 5px;
}
.form-flytipping .incident-type {
    background-color: #e6e9ee;
    margin-bottom: 30px;
}
.form-flytipping .incident-type a {
    display: block;
    padding: 20px;
}
.form-flytipping .incident-type .wrapper {
    position: relative;
}
.form-flytipping .incident-type .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    margin-left: -47.5px;
    margin-top: -47.5px;
}
.form-flytipping .incident-type .fa-visible {
    display: flex;
}
#page-content .flytipping .incident-type p {
    padding-bottom: 0 !important;
    margin: 10px 0 0 0;
}


/* ========================================================================== */
/* Pot Holes styles 
/* ========================================================================== */
.potholes .open-reports {
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 10px 25px;
    background-color: #d53781;    
}
.potholes .open-reports .report {
    font-family: Museo-300;
    text-transform: uppercase;
}
.potholes .open-reports .count {
    padding-top: 5px;
    font-size: 170%; 
}
.potholes .infobox {
    text-align: center;
}
.potholes .infobox .box {
    background: #d53781;
    color:#FFF;
    padding: 10px;
    font-size: 140%;  
}
.potholes .infobox .box strong {
    display: block;
    margin-bottom: 5px;
}
.potholes .infobox .arrow {
    display: inline-block;
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid #d53781;
}
.potholes .error-message {
    padding: 10px 0 5px;
}
.potholes .map {
    width:100%; 
    height:480px;    
}
.potholes .incident-type {
    background-color: #e6e9ee;
    margin-bottom: 30px;
}
.potholes .incident-type a {
    display: block;
    padding: 20px;
}
.potholes .incident-type .wrapper {
    position: relative;
}
.potholes .incident-type .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    margin-left: -47.5px;
    margin-top: -47.5px;
}
.potholes .incident-type .fa-visible {
    display: flex;
}
#page-content .potholes .incident-type p {
    padding-bottom: 0 !important;
    margin: 10px 0 0 0;
}


/* ========================================================================== */
/* Jquery spinner query styles 
/* ========================================================================== */
div#spinner {
    display: none;
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align:center;
    margin-left: -50px;
    margin-top: -100px;
    z-index:2;
    overflow: auto;
} 


/* ========================================================================== */
/* Rogue traders query styles 
/* ========================================================================== */
.rogue-traders .wrapper {
    margin-bottom: 20px;
}
.rogue-traders .detail {
    padding: 8px 5px 5px 5px;
    background-color: #003b5d;
    margin-bottom: 30px;
}
.rogue-traders .prosecuted .detail {
    background-color: #000;
}
#page-content .rogue-traders .detail p {
    padding-bottom: 0 !important;
    margin: 0 0 3px;
    font-size: 70%;
    color: #fff;
}
.rogue-traders .img-wrapper {
    position: relative;
}
.rogue-traders .prosecuted .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}


/* ========================================================================== */
/* Rogue trader query styles 
/* ========================================================================== */
.rogue-trader h2 {
    margin-top: 0;
    margin-bottom: 5px !important;
    font-size: 160% !important;
    font-family: Museo-700 !important;
}
#page-content .rogue-trader p.identify {
    padding: 30px 20px !important;
    color: #fff;
    font-size: 100%;
    text-transform: uppercase;
    font-family: Museo-700;
    background-color: #003b5d;    
}
#page-content .rogue-trader p.identify-prosecuted {
    background-color: #000;    
}
.rogue-trader .prosecuted-wrapper {
    padding: 30px;
    color: #fff;
    background-color: #28a297;     
}
.rogue-trader .prosecuted-wrapper h3 {
    margin: 0 0 25px;
    color: #fff !important;
    font-weight: bold;
    font-size: 130% !important;
}
.rogue-trader .prosecuted-wrapper .fine {
    font-weight: bold;
    line-height: 1em;
    font-size: 530% !important;
    font-family: Museo-700 !important;
}
.rogue-trader .detail-wrapper {
    padding: 30px;
    color: #fff;
    background-color: #003b5d;     
}
.rogue-trader .detail-wrapper h3 {
    margin: 0 0 25px;
    color: #fff !important;
    font-weight: bold;
    font-size: 130% !important;
}
#page-content .rogue-trader .link p {
    margin-bottom: 0;
    padding: 0 !important;
    font-size: 130%;
}
.rogue-trader .contact strong {
    font-size: 120%;
}
#page-content .rogue-trader .detail-wrapper a {
    color: #fff;
    font-weight: normal;
}
#rootwizard {
    overflow: hidden;
}
#rootwizard ul.tab-navigation {
    margin-top: -48px;
    visibility: hidden;
}


/* ========================================================================== */
/* Form wizard styles 
/* ========================================================================== */
.form-wizard .progress {
    margin-bottom: 20px;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.form-wizard .spacer {
    margin-bottom: 20px;
}
.form-wizard label {
    color: #003a5d;
    /*font-size: 130%;*/
    font-weight: 600;
    font-family: Museo-500;
}
.form-wizard .radio-custom-label {
    font-weight: normal;
    color: #000;
    font-family: 'Open Sans', sans-serif, Helvetica, Arial, sans-serif;    
}
.form-wizard .progress-bar {
    background-color: #37bd9c;
}
.form-wizard h2 {
    font-size: 165%;
    margin: 0 0 10px;
    font-family: Museo-700;
}
.form-wizard h3 {
    font-size: 140%;
    margin: 0 0 30px;
    font-family: Museo-700;
}
.form-wizard h3 strong {
    color: #D53880;
}
.form-wizard .panel {
    border: 0;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.form-wizard .panel .panel-heading {
    padding: 0;
    border: 0;
    background-color: transparent;
}
.form-wizard .panel .panel-body {
    padding: 0;
    margin-bottom: 40px;
}
.form-wizard .panel .panel-footer {
    padding: 0;
    border: 0;
    background-color: transparent;
}
.form-wizard .panel .list-group-item h4 {
    font-size: 110%;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif, Helvetica, Arial, sans-serif;
}
.form-wizard .panel .list-group-item.active, 
.form-wizard .panel .list-group-item.active:focus, 
.form-wizard .panel .list-group-item.active:hover {
    background-color: #003a5d;
    border-color: #003a5d;
}
.form-wizard .panel .list-group-item.active h4, 
.form-wizard .panel .list-group-item.active:focus h4, 
.form-wizard .panel .list-group-item.active:hover h4 {
    color: #fff;
}
.form-wizard .well {
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    background-color: #37bd9c;
    color: #fff;
}
.form-wizard .well-lg {
    padding: 24px 24px 14px 24px;    
}
.form-wizard .well-pink {
    background-color: #d53781;
    text-align: center;
}
.form-wizard .well-red {
    background-color: #fbe3e4;
}
.form-wizard .confirm-info .well {
    background-color: #d53781;    
}
.form-wizard .confirm-error .well {
    background-color: #6f777a;    
}
.form-wizard .map-canvas {
    width:100%;
    height:500px;
    border: solid 1px #cccccc;
}
.form-wizard .dropzone {
    text-align:center;
    font-size:18px;
}
.form-wizard .glyphicon-download {
    font-size:1.5em;
}
.form-wizard .list-group {
    max-height: 300px;
    overflow: auto;
    margin-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.form-wizard .list-group .list-group-item {
    border: 0;
}
.form-wizard .street-result {
    padding-top: 10px;
}
.form-wizard .side-wrapper {
    padding: 15px;
}
.form-wizard .side-wrapper h3 {
    margin: 0;
}
.form-wizard fieldset {
    background-color: #eee;
    padding: 15px 15px 5px 15px;
    margin-bottom: 30px;
    border-left: 5px solid #003b5d;
}



/* ========================================================================== */
/* Online saves styles 
/* ========================================================================== */
.online-saves-time {
    padding: 20px 0;
}
.online-saves-time p {
    margin: 0;
}
.online-saves-time h1 {
    padding: 10px 0 0 0;
    margin: 0;  
}
.online-saves-time h1 strong {
    font-weight: normal;  
}
.online-saves-time i {
    padding-bottom: 10px;    
}
.online-saves-time.online-saves-time-small {
    padding: 5px 0;
}
.online-saves-time.online-saves-time-small h1 {
    padding: 5px 0;
}
.online-saves-time.online-saves-time-small a {
    margin-top: 9px;
}



/* ========================================================================== */
/* Card detail styles 
/* ========================================================================== */
.card-details p {
    font-size: 70%;
    margin: 0;
}


/* ========================================================================== */
/* Box primary styles 
/* ========================================================================== */
/*.box-wrapper {
    margin-top: -200px;
}*/
.box {
    border-width: 8px;
    border-style: solid;
    display: block;
    border-color: #fff;
    padding: 15px 15px 5px 15px;
    margin-bottom: 20px;
    text-align: center;
}
.box p.small {
    font-size: 80%;
}
.box h2 {
    font-size: 360%
}
.box h3 {
    margin: 0 0 10px;   
}
.box-primary {
    background-color: #f5f5f5;
    border-color: #dfe0e2;
}


/* ========================================================================== */
/* Block quote styles 
/* ========================================================================== */
blockquote {
    background-color: #eeeeee;
    border-left: 8px solid #003b5d;
    padding: 30px 20px 10px 20px;
}


/* ========================================================================== */
/* Hero section styles 
/* ========================================================================== */
section.hero {
    height: 240px;
    background-position: 50% 50%;
    background-size: cover;
}
section.hero .table-container {
    display: table;
    width: 100%;
    height: 240px;
}
section.hero .table-row {
    display: table-cell;
    height: 240px;
    vertical-align: middle;
}
section.hero h1 {
    color: #fff;
    margin-bottom: 0;
}
section.hero h1 a {
    color: #fff;
}



/* ========================================================================== */
/* Surcharge section styles 
/* ========================================================================== */
.surcharge {
    background-color: #f5f5f5;
    border: solid 1px #dfe0e2 !important;
    padding: 10px 10px 10px 50px;
    display: block;
    margin-top: 20px;
}
.surcharge .checkbox-custom ~ .checkbox-custom-label:before {
    margin-left: -31px;
}



/* ========================================================================== */
/* Surcharge section styles 
/* ========================================================================== */
section.main-eyecatcher {
    background-color: #fff; 
    padding-top: 30px;
}


/* ========================================================================== */
/* Blog listing styles 
/* ========================================================================== */
.blog-listing h2 {
    font-size: 200%;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Museo-700;
}
.blog-listing .blog-item {
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
}
.blog-listing .blog-item:last-child {
    border-bottom: none;
}
.blog-listing ul.list-inline {
    background-color: #cccccc;
    font-size: 85%;
    margin: 0;
    list-style-type: none;
    padding: 6px 20px 6px 20px;
}
.blog-listing ul.list-inline li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.blog-listing ul.list-inline li:after {
    content:"|";   
    margin: 0;
    padding: 0 10px 0 17px;
    text-align:right;
    display: inline-block;
}
.blog-listing ul.list-inline li:last-child:after {
    display: none;
}


/* ========================================================================== */
/* Product title styles 
/* ========================================================================== */
.product-title a.basket {
    font-size: 140%;
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    float: right
}
.product-title a.basket span {
	padding: 2px;
	margin: 5px 0 0 10px;
	width: 1.4em;
	height: 1.4em;
	box-sizing: initial;
	background: #003b5d;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	line-height: 1.4em;
	box-sizing: content-box;
    font-size: 70%;
    float: right;
}
.product-title a.basket .fa {
    font-size: 120%;
    margin-right: 10px;
}


/* ========================================================================== */
/* Product listing styles 
/* ========================================================================== */
.product-listing .product {
    padding: 30px;
    position: relative;
    background-color: #f2f2f2;
}
.product-listing .product h2 {
    font-family: Museo-700;
    font-size: 130%;
}
.product-listing .product .product-title {
    display: block;
}
.product-listing .product p {
    font-size: 85%;
    font-weight: bold;
}


/* ========================================================================== */
/* FAQ listing styles 
/* ========================================================================== */
.faq-list .panel {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.faq-list .panel-heading + .panel-collapse > .list-group, 
.faq-list .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    padding: 15px 0;
}
.faq-list .panel-default > .panel-heading {
    color: #333;
    background-color: #e6e9ee;
}
.faq-list h4 {
    font-family: inherit;
    color: #003b5d;
}


/* ========================================================================== */
/* Product listing styles 
/* ========================================================================== */
.product-detail h2 {
    font-family: Museo-700;
    font-size: 150%;
    padding-bottom:15px;
    border-bottom: 3px solid #003b5d;
}
.product-detail .carousel .image-wrapper {
    position: relative;
}
.product-detail h3 {
    font-family: Museo-700;
    font-size: 130%;
    margin-top: 0;
}
.product-detail ul.thumbnails-carousel {
	padding: 5px 0 0 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}
.product-detail ul.thumbnails-carousel .center {
	display: inline-block;
}
.product-detail ul.thumbnails-carousel li {
	margin-right: 5px;
	float: left;
	cursor: pointer;
}
.product-detail .controls-background-reset {
	background: none !important;
}
.product-detail .active-thumbnail {
	opacity: 0.4;
}
.product-detail .indicators-fix {
	bottom: 70px;
}
.product-detail .delivery-wrapper {
    display: block;
    position: relative;
    padding-left: 45px;
}


/* ========================================================================== */
/* Product ribbon styles 
/* ========================================================================== */
.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}
.ribbon {
    font: bold 14px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    color: #fff;
    background-color: #ee3138;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee3138), to(#d3222a)); 
    background-image: -webkit-linear-gradient(top, #ee3138, #d3222a); 
    background-image: -moz-linear-gradient(top, #ee3138, #d3222a); 
    background-image: -ms-linear-gradient(top, #ee3138, #d3222a); 
    background-image: -o-linear-gradient(top, #ee3138, #d3222a); 
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}


/* ========================================================================== */
/* table basket styles 
/* ========================================================================== */
.table-basket .img-wrapper {
    padding: 10px;
    display: inline-block;
    background-color: #f2f2f2;
}
.table-basket > tbody h3 {
    margin-top: 0;
}
.table-basket > tbody > tr > td {
    vertical-align: middle;
}
.table-basket .ui-widget.ui-widget-content {
    border: 0;
}
.table-basket .ui-widget.ui-widget-content input {
    width: 30px;
}
.table-basket .ui-button  {
    background-color: transparent;
    border: 0;
}
.table-basket .ui-button:hover, 
.table-basket .ui-button:focus {
    border: 0;
    background: transparent;
    color: red !important;
}
.table-basket td.img {
    width: 12%;
    padding-right: 15px;
}
.table-basket td.description {
    width: 54%;
}
.table-basket td.qty {
    font-size: 120%;
    font-weight: bold;
    width: 16%;
}
.table-basket td.price {
    color: #003b5d;
    font-size: 120%;
    font-weight: bold;
    width: 10%;
}
.table-basket td.remove {
    width: 8%;
}
.table-basket tfoot > tr > td {
    padding-top: 0 !important;
    padding-right: 0 !important;
}
.table-basket .table-results {
    margin-top: 20px;
    background-color: #ddd;
}
.table-basket .table-results td {
    padding: 10px 20px;
}
.table-basket .table-results tr:first-child {
    color: #003b5d;
    font-size: 150%;
    font-family: Museo-700;
}
.table-basket .table-results tr td {
    padding: 5px 10px 15px 10px;
}
.table-basket .table-results tr:first-child td {
    padding: 10px 10px 0 10px;
}



/* ========================================================================== */
/* project styles 
/* ========================================================================== */
.project-listing {
    display: block;
}
.project-listing h2 {
    margin-bottom: 5px;
    font-family: Museo-700;
}
.project-listing .project-item {
    display: block;
    border-left: 5px solid #003b5d;
    background-color: #f7f7f7;
    padding: 15px 15px 15px 30px;
}



/* ========================================================================== */
/* tweets styles 
/* ========================================================================== */
.tweets { 
    background: #f1f1f1; 
    display: block; 
    font-size: 80%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 400px;
}
.tweets .tweet { 
    display: block; 
    padding: 10px; 
}
.tweets img {
    margin-top: 10px;
}
.tweets .alt { 
    background: #fff; 
}
.tweets span.pretty-date { 
    font-size: 0.6em; 
}



/* ========================================================================== */
/* Online wizard styles 
/* ========================================================================== */
#onlinewizard .navbar {
    position: absolute;
    visibility: hidden;
}
#onlinewizard .btn.disabled {
    display: none;
}
#onlinewizard .wizard-title {
    text-transform: uppercase;
    font-size: 110%;
}
#onlinewizard .wizard-wrapper {
    padding: 30px 40px;
    background-color: #eeeeee;
    margin-bottom: 20px;
}
#onlinewizard h2 {
    margin: 0 0 30px;
    font-weight: bold;
}
#onlinewizard .input-group-btn:last-child > .btn, 
#onlinewizard .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: 10px;
    padding: 10px 12px;
}
#onlinewizard .form-control {
    padding: 10px 12px;
    font-size: 14px;
    height: 42px;
}
#onlinewizard textarea.form-control {
    height: auto;
}
#onlinewizard .input-group-addon, .input-group-btn {
    vertical-align: top;
}
#onlinewizard .error {
    border: 1px solid #ccc !important;
}
#onlinewizard label.error {
    color: red !important;
    font-weight: bold !important;
    border: 0 !important;
    padding-top: 5px;
    display: block;
    font-size: 80%;
    width: 100%;
    float: left;
}
#onlinewizard label {
    text-align: left;
    margin-top: 0;
    padding-top: 0;
}
#onlinewizard hr {
    margin-top: 0;
    border-top: 2px solid #ccc;
}
#onlinewizard .error + .checkbox-custom-label:before, 
#onlinewizard .error + .radio-custom-label:before {
    border: 1px solid #ccc !important;
}
#onlinewizard .order-summary p {
    padding-bottom: 0 !important;
    font-weight: bold;
}
#onlinewizard .order-summary p span {
    font-weight: normal;
}
#onlinewizard h3 {
    margin-top: 0;
    font-family: Museo-700;
}
#onlinewizard .info-find-address {
    border-top: 1px dotted rgb(0, 0, 0);
    padding-top: 20px;
    margin-top: 30px;
}
#onlinewizard .alert p:last-child {
    margin-bottom: 0 !important;
}
#onlinewizard #street-search-lookup {
    float: left;
    width: 100%;
}
#onlinewizard #street-search-custom {
    float: left;
    width: 100%;
}



/* ========================================================================== */
/* Ads container styles 
/* ========================================================================== */

.ads {
    text-align:center;
}

.ads-container {
    /*position: relative;
    overflow: hidden;
    padding-top: 12.36%;
    overflow: hidden;*/
    /*margin-top: 20px;*/
    /*display: inline-block;*/
}

.ads-container > div {
    display: initial !important;
}

.ads-container iframe {
    /*position: absolute;
top: 0;
left: 0;
right:0;
width: 100%;
height: 100%;
margin:auto;*/
    width: 100% !important;
}


/* ========================================================================== */
/* Media query styles 
/* ========================================================================== */
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    body {
        font-size: 16px;
    }
    .navbar-nav > li > a {
        padding: 35px 20px !important;
    }
    .basket .btn-back {
        margin-bottom: 10px;
    }
    .online-saves-time.online-saves-time-small a {
        margin-top: 5px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    body {
        font-size: 15px;
    }
    .navbar-nav > li > a {
        padding: 35px 13px !important;
    }
    #breadcrumb {
        padding-bottom: 11px;
    }
    #footer h3 {
        text-align: left;
    }
    #footer .social {
        text-align: left;
    }
    #footer .social img {
        margin-left: 0;
        margin-right: 10px;
    }
    #footer .back-to-top {
        padding-top: 10px;
        text-align: left;
    }
    #footer .links {
        text-align: left;
    }
    #atoz-letters .letters {
        text-align: left;
    }
    #welcome h1 {
        text-align: left;
    }
    #welcome p {
        text-align: left;
    }
    #welcome .input-group {
        padding-bottom: 3%;
    }
    .online-saves-time h1 {
        margin-top: 3px;
        font-size: 160%; 
    }
    .online-saves-time.online-saves-time-small a {
        margin: 3px 0;
    }
    .box-wrapper {
        margin-top: 0;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    body {
        font-size: 14px;
    }
    .navbar-nav > li > a {
        padding: 15px 40px !important;
    }
    #breadcrumb {
        padding-bottom: 11px;
    }
    #footer h3 {
        display: none;
    }
    #footer .social {
        padding-bottom: 10px;
        text-align: left;
    }
    #footer .social img {
        margin-left: 0;
        margin-right: 10px;
    }
    #footer .back-to-top {
        padding-top: 10px;
        text-align: left;
    }
    #footer .links {
        text-align: left;
    }
    #atoz-letters .letters {
        text-align: left;
    } 
    #atoz .letters a {
        padding-right: 10px;
    } 
    #atoz .services {
        display: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
    ::-webkit-input-placeholder {
        color: #ebebeb !important;
    }
    ::-moz-placeholder {
        color: #ebebeb !important;
    } 
    :-ms-input-placeholder {
        color: #ebebeb !important;
    } 
    input:-moz-placeholder {
        color: #ebebeb !important;
    } 
    #welcome h1 {
        text-align: left;
    }
    #welcome p {
        display: none;
    }    
    #welcome .input-group {
        padding-bottom: 5%;
    }
    .advert .carousel-caption {
        top: 60px;
    }
    .navbar {
        min-height: 0 !important;
    }
    .navbar .navbar-toggle {
        margin-top: 15px; 
    }
    .navbar-default .logo {
       padding: 8px 0;
    }
    .online-saves-time .slogan {
        text-align: center;
        padding-bottom: 10px;
    }
    .online-saves-time h1 {
        font-size: 200%;
    }


    /* ========================================================================== */
    /* Table query styles 
    /* ========================================================================== */
    /* Force table to not be like tables anymore */
    .no-more-tables table, 
    .no-more-tables thead, 
    .no-more-tables tbody, 
    .no-more-tables th, 
    .no-more-tables td, 
    .no-more-tables tr { 
	    display: block; 
        text-align: center !important;
    }
    .no-more-tables tfoot {
        width: 100%;
        display: block;
        border-top: 0;
    }
    .no-more-tables tbody tr {
        margin-bottom: 20px;
    }
    .no-more-tables table.table-results {
        margin-top: 0;
    }
    .no-more-tables tfoot > tr > td:first-child {
        display: none;
    }
    .no-more-tables .table-basket tfoot > tr > td {
        padding-bottom: 0;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr { 
	    position: absolute;
	    top: -9999px;
	    left: -9999px;
    }
    .no-more-tables tr { 
        border: 1px solid #ccc; 
    }
    .no-more-tables td { 
	    /* Behave  like a "row" */
	    border: none;
	    border-bottom: 1px solid #eee; 
	    position: relative;
	    padding-left: 50%; 
	    white-space: normal;
	    text-align:left;
    }
    .no-more-tables td:before { 
	    /* Now like a table header */
	    position: absolute;
	    /* Top/left values mimic padding */
	    top: 6px;
	    left: 6px;
	    width: 45%; 
	    padding-right: 10px; 
	    white-space: nowrap;
	    text-align:left;
	    font-weight: bold;
    }
    .no-more-tables td:before { 
        content: attr(data-title); 
    }
    .no-more-tables .table-basket td.img {
        width: 100%;
    }
    .no-more-tables .table-basket td.description {
        width: 100%;
    }
    .no-more-tables .table-basket td.qty {
        width: 100%;
    }
    .no-more-tables .table-basket td.price {
        width: 100%;
    }
    .no-more-tables .table-basket td.remove {
        width: 100%;
    }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .advert .carousel-caption {
        top: 40px;
    }
    .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
        margin-left: 0;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
        
}

.field-validation-error {
    color:red;
    font-weight:bold;
}