.desktop {
    display: block !important;
}
nav,
td.lastCell,
.mobile,
li.sort,
footer,
a.shopmenu,
div#stepWrapper,
nav ul li.search,
div.notification,
ul.quote-tools,
ul li#contact-liveChat,
div#viewfooterlinks,
div.hover span.close,
div.country-service-info,
a.mm-title,
div.mm-search,
a.triggershopmenu,
.mm-menu > .mm-panel,
ul.contact li#contact-callUs a {
    display: none !important;
}

.dt-margin-left {
    margin-left: 30px;
}
ul.advertisements,
div.validation-summary-errors ul,
div.banner.alert ul, a.banner.alert ul,
div.banner.notice ul, a.banner.notice ul,
div.banner.information ul, a.banner.information ul,
div.validation-summary-errors ol,
div.banner.alert ol, a.banner.alert ol,
div.banner.notice ol, a.banner.notice ol,
div.banner.information ol, a.banner.information ol,
div.NewsItemOverview div.inner-container,
div.ContentPage_Content,
div#container-content,
div.form.quote form,
div.heading-container,
div.account-links,
div.inner,
ul.logos,
nav ul,
p,
h2 span,
h3 span,
h4 span,
h5 span,
div.content-page h1,
div.content-page h1 span,
div.button-container,
div.contentarea,
section.quoteResults ul,
div.container-accreditations,
div.banner.notice ul, 
a.banner.notice ul, 
div.banner.notice ol, 
a.banner.notice ol, 
div.banner.information ul, 
a.banner.information ul, 
div.banner.information ol, 
a.banner.information ol {
    display: block;
    width: 95%;
    margin: auto;
    max-width:1150px;
}

table.left td {
    text-align: left;
}

table td.left span.note {
    text-align: left !important;
}

div.InnerWindow_Page div.ContentPage_Content {
    width: 100% !important;
    margin: 0 !important;
}
table.quote.form th,
div.table.quote div.cell label {
    background-color: #115fb2;
    }

a.button {
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    -khtml-border-radius: 6px !important;
    }
    a.button.back {
        
        background-image: url("../layout/icon-back-arrow.png");
        background-repeat: no-repeat;
        background-position: left center;
    }
    a.button.back.left {
        float: left;
    }

/* LAYOUT HEADER */

div.titleheader h1, 
div.titleheader h2, 
div.titleheader h3  {
    font-size: 1.5em;
    padding: 20px 0px 10px 0px;
}
div.form.quote h1,
div.form.quote h2,
div.form.quote h3 {
    font-size: 2.5em;
    padding: 22px 0px 16px 90px;
    background-size: 80px auto;
}

div#logo-static {
    display: block;
    padding: 0px;
    margin: 0px 0px 3px;
    float: left;
    max-width:300px !important;
}
    div#logo-static a {
        display: block;
        width: 100%;
    }
    div#logo-static a img {
        display: block;
        width: 100%;
        height: auto !important;
    }
ul.contact {
    display: block;   
    margin: 10px;
}
ul li#contact-liveChat a div span,
ul li#contact-callUs {
    display: inline-block;
    text-align: left;
    background-position: left center;
    background-repeat: no-repeat;
    color: #EC121B;
    font-size: 1.6em;
    margin: 0px 10px 0px 0px;
    padding: 7px 0px 7px 55px;
    background-position: left top;
    background-repeat: no-repeat;
    float: right;
    text-decoration: none;
    min-height: 40px;
    }
ul li#contact-callUs {
    background-image: url("../layout/icon-phone-small.png");
    background-size: 60px auto;
    }
ul li#contact-liveChat a div span {
    background-image: url("../layout/icon-chat-small.png");
    background-size: 55px auto;
    }

ul li#contact-liveChat a:hover,
ul li#contact-liveChat a:active,
ul li#contact-liveChat a:focus {
    text-decoration: none;
    }
ul li#contact-callUs span {
  display: block;
  color: #B0B2B0;
  font-size: 0.55em;
  clear: both;
  }

ul li#contact-liveChat {
  display: inline-block;
  float: right;
  margin: 0px 10px 0px 0px;
}

ul li#siteSearch {
    display: block;
    list-style-type: none;
    float: right;
    width: 320px;
    clear: right;
    margin: 5px 10px 8px 0px;
    }
div.sub-menu span.accountuser {
    float: right; 
}
div.sub-menu span.expand {
    display: none;
}
div.sub-menu ol {
    display: inline-block;
    float: left;
    padding: 0px 0px 0px 0px;
    }
div.sub-menu ol li {
    display: inline-block;
    margin: 0px 5px !important;
    padding-top: 3px;
    }
    div.sub-menu ol li.icon-accountDocuments,
    div.sub-menu ol li.icon-myDetails,
    div.sub-menu ol li.icon-addressBook {
        display: none !important;
    }
div.sub-menu ol li a {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px;
    padding-left: 30px !important;
    }

/* NAVIGATION */

nav {
    clear: both;
	display: block;
    background-position: bottom left;
    background-size: 100% 50%;
    background-repeat: no-repeat;
    padding: 0px 0px 0px;
    text-align: center;
    
	}

nav ul,
nav ul li {
    -webkit-transition: all 50ms ease 0.1s;
    -moz-transition: all 50ms ease 0.1s;
    -o-transition: all 50ms ease 0.1s;
    transition: all 50ms ease 0.1s;
}
nav ul {
	display: block;
	list-style-type: none;
	padding: 0px 0px 0px;
	margin: 0px auto;
    background-repeat: repeat-x;
    background-position: left -1px;
    text-align: left;
	}

nav ul li {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	text-align: center;

	}

nav ul li.end {
    float: right;
    }
nav ul li a {
	font-family: "RobotoBold", Arial;
	font-weight: normal;
	display: inline-block;
	padding: 2px 6px;
	text-decoration: none;
    font-size: 0.95em;
    margin: 0px 0px;
    color: #02548f;
    }
    nav ul li.home a {
        display: inline-block;
        padding: 15px;
        background-image: url(../layout/icon-home-small.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 90% auto;
        text-indent: -9999px;
        margin-right: 8px;
    }
nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus {
    text-decoration: none;
    }
nav ul li a.menulink,
nav ul li a.menubutton {
    background-color: #EC121B;
    color: #fff;
    padding: 6px 13px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    }
nav ul li a.menulink.login,
nav ul li a.menubutton.login,
nav ul li.quote a.menulink {
    background-color: #498bd0 ;
    }
nav ul li a.menulink.logout,
nav ul li a.menubutton.logout,
nav ul li a.menulink:hover,
nav ul li a.menubutton:hover,
nav ul li a.menulink:active,
nav ul li a.menubutton:active,
nav ul li a.menulink:focus,
nav ul li a.menubutton:focus {
    background-color: #EC121B;
    }
nav ul ul,
nav ul ul ul,
nav ul ul ul ul,
nav ul ul ul ul ul,
nav ul li:hover ul,
nav ul li:active ul,
nav ul li:focus ul,
nav ul ul li:hover ul,
nav ul ul li:active ul,
nav ul ul li:focus ul,
nav ul ul li:hover ul ul,
nav ul ul li:active ul ul,
nav ul ul li:focus ul ul,
nav ul ul ul li:hover ul,
nav ul ul ul li:active ul,
nav ul ul ul li:focus ul {
    display: none;
    }
nav ul ul {
    position: absolute;
    z-index: 500;
    text-align: left;
    border: 1px solid #bac9e5;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
    -khtml-border-radius: 8px;
    background-color: #105fb2 !important;
    box-shadow: 0px 4px 4px #9aabcb ;
    }
    nav ul ul li:first-of-type {
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;    
    }
    nav ul ul li:last-of-type {
        -webkit-border-bottom-left-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
        -moz-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomright: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;    
    }
    nav ul ul li.sub > a {
        background-image: url(../layout/icon-navigate-has-sub.png);
        background-repeat: no-repeat;
        background-position: right center;
    }
nav ul ul ul {
    top: 0;
    }
nav ul li:hover ul {
    display: block;
    }
nav ul li:hover ul ul {
    display: none;
    }
nav ul ul li:hover ul {
    display: block;
    }
nav ul ul ul li:hover ul {
    display: block;
    }

nav ul ul li {
    display: block;
    width: auto;
    text-align: left;
    position: relative;
    }

nav ul ul li a {
    background-color: transparent;
    display: block;
    padding: 12px 10px;
   }
nav ul ul li:hover,
nav ul ul li:active,
nav ul ul li:focus {
    background: transparent !important;
    color: #fff;
    }
nav ul ul li:hover > a,
nav ul ul li:active > a,
nav ul ul li:focus > a {
    color: #fff;
    }
   /* nav ul ul li.sub a:hover {
      background-image: url(../layout/icon-navigate-has-sub.png);
      color: #fff;
      }*/

div.containerRemember {
    display: block;
    clear: both;
    padding: 5px 0px 5px 42%;
    text-align: left;
}

/* HOVER LOGIN FORM */

.menu div.LoginContainer div.containerRemember {
    width: 64%;
}

    .menu div.LoginContainer div.containerRemember label {
        white-space: nowrap;
        font-weight: normal;
        font-size: 1em;
        float: left;
        clear: none !important;
        text-align: left;
        margin-top: 0px !important;
    }

    .menu div.LoginContainer div.containerRemember input {
        float: left;
        width: 15px;
        position: relative;
        top: 4px;
        margin-top: 0px !important;
        border: none !important;
    }

.menu div.LoginContainer ul {
    position: static !important;
    display: block !important;
    padding: 0px !important;
    margin: 0px 0px 0px 10px !important;
    background-color: transparent !important;
    bottom: 0px;
    float: left;
}

    .menu div.LoginContainer ul li {
        display: block !important;
        padding: 2px 0px 2px 0px !important;
        margin: 0px !important;
        list-style-type: none !important;
        min-height: 20px;
        background-color: transparent !important;
        background-image: none !important;
    }

        .menu div.LoginContainer ul li a {
            display: block !important;
            padding: 2px 2px 2px 16px !important;
            margin: 0px !important;
            border: none !important;
            background-image: url('../layout/bullet-red-chevron.png') !important;
            background-position: left 6px !important;
            background-repeat: no-repeat !important;
            background-color: transparent !important;
        }

div.LoginContainer ul li a:hover, div.LoginContainer ul li a:active, div.LoginContainer ul li a:focus, div.LoginContainer ul li:hover a, div.LoginContainer ul li:active a, div.LoginContainer ul li:focus a, div.LoginContainer ul li:hover, div.LoginContainer ul li:active, div.LoginContainer ul li:focus {
    background-color: transparent !important;
    text-decoration: underline;
}

.menu div.LoginContainer {
    display: none;
    padding: 6px 6px 16px;
    position: absolute;
    z-index: 5000;
    right: 0px;
    background-color: #1864b6;
    background-repeat: no-repeat;
    background-image: url("../layout/bg_containerLogin.png");
    background-position: center top;
    text-align: center;
    width: 400px;
    box-shadow: 0px 5px 12px #0b509b;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 10px solid #fff;
    border-left: 10px solid #fff;
}

    .menu div.LoginContainer span.loginContainerHeader {
        display: block;
        float: left;
        clear: both;
        background-color: transparent;
        width: auto;
        margin: 6px 0px 8px 5px;
        padding: 0px 0px 0px 0px;
        color: #fff;
        background-image: url(../layout/advert-title-chevron-right.png) !important;
        background-color: transparent !important;
        background-position: right bottom;
        background-repeat: no-repeat;
    }

        .menu div.LoginContainer span.loginContainerHeader strong {
            background-color: #02508b;
            display: block;
            padding: 5px 23px 5px 15px;
            margin: 0px 80px 0px 0px;
        }

    .menu div.LoginContainer span {
        border: none !important;
        padding: 0px !important;
    }

    .menu div.LoginContainer label {
        display: block;
        clear: left;
        width: 35%;
        padding: 3px 5px 2px 0px;
        float: left;
        text-align: right;
        color: #fff;
        font-weight: bold;
        margin: 7px 0px 7px 0px;
    }

    .menu div.LoginContainer input {
        display: block;
        width: 50%;
        float: left;
        margin: 7px 3% 7px 0px;
        border: 3px solid #fff;
    }

    .menu div.LoginContainer a.button {
        clear: both;
        display: block;
        float: right;
        background-image: url(../layout/btn_Login.png) !important;
        background-repeat: no-repeat;
        background-position: right top;
        padding: 0px 30px 0px 0px !important;
        margin: 4px 20px 0px 0px !important;
        color: #226bbb !important;
        border: none !important;
    }

        .menu div.LoginContainer a.button span {
            clear: both;
            background-color: #1864b6;
            display: block;
            background-image: url(../layout/btn_Login.png);
            background-repeat: no-repeat;
            background-position: left top;
            padding: 7px 0px 11px 30px !important;
            margin: 0px !important;
            border: none !important;
        }

    .menu div.LoginContainer a {
        background-image: none !important;
        display: inline !important;
        font-weight: normal;
    }
    div.container-navigation ul li.end:hover div.LoginContainer, div.container-navigation ul li.end:focus div.LoginContainer, div.container-navigation ul li.end:active div.LoginContainer {
            display: block !important;
        }

/* END HOVER LOGIN FORM */

div.containerPaging {
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}

/* SHOP MENU */
div.shop-navigation ul {
    width: 85%;
    max-width: 550px;
    background-color: red;
    display: inline-block;
    }

div.shop-footer ul,
div.shop-footer ul li {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    }
div.shoppingBasket {
    position: relative;
}
div.shop-navigation ul li a {
    padding: 10px 6px;
    }
div.shopping-cart {
    box-shadow: 0 5px 6px #b4cddf;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; 
    -khtml-border-radius: 12px;
    margin-top: 5px;
    width:300px;
    right:0px;
}
    div.shopping-cart strong {
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -moz-border-radius-topleft: 7px;
        -moz-border-radius-topright: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        }
            div.shopping-cart div.itemContainer div a {
                display: block;
                padding: 12px 6px;
            }
div.shop-footer ul li a {
    display: block;
}
/* END SHOP MENU */

/* MY ACCOUNT MENU */
div.container-myAccount, div.container-shopHeader div.menu {
    padding: 0px 0px 0px 0px;
    background-color: #f6f9fc;
    background-repeat: repeat-x;
    background-position: center bottom;
    font-family: arial;
    }

    div.container-myAccount span.form-loginHeader {
        display: block;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        display: block;
        background-color: #0b7fc8;
        background-image: url('../layout/bg-loginHeader.png');
        background-position: bottom left;
        background-repeat: no-repeat;
        border-right: 1px solid #012d66;
    }

        div.container-myAccount span.form-loginHeader strong {
            color: #fff;
            font-size: 12px;
            font-weight: bold !important;
            display: block;
            margin: 0px 0px 0px 0px;
            padding: 7px 16px 8px 30px;
            background-image: url('../layout/icon-padlock.png');
            background-position: 8px 5px;
            background-repeat: no-repeat;
        }

    div.container-myAccount fieldset {
        display: block;
        background-image: url('../layout/bg-subnav-corner-right.png');
        background-position: bottom right;
        background-repeat: no-repeat;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

div#ctl00_pnlLogin {
    padding: 0px;
    margin: 0px;
}

div.gs-snippet {
    padding-left: 8px !important;
}
div.container-quote div.countrySelect { width:70%; }

div.form.quote div.courier div.countrySelect {
    text-align: right;
    }
div.form.quote div.courier div.table.destination div.row {
    display: table-row;
    }
div.form.quote div.courier div.countrySelect,
div.form.quote div.courier div.postcodeContainer {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px 0px;
    }

div.table.quote input,
div.table.quote select,
table.quote.form td input[type=text],
table.quote.form td select {
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    }
div#baseRow input,
div#baseRow select {
   border-top: none !important; 
}
div.table.quote input,
div.table.quote select,
div.table.quote div.cell.dimensions label {
    width: 90%;
}
div.table.quote div.cell.dimensions,
div.table.quote div.cell.items {
    width:24%;
}

div.postcodeContainer { width: 30%; }


ul.bannerTabs.three li { width: 32%; }

ul.bannerTabs li a {
    -webkit-border-top-right-radius: 28px;
    -webkit-border-top-left-radius: 28px;
    -moz-border-radius-topright: 28px;
    -moz-border-radius-topleft: 28px;
}

ul.bannerTabs li a b {
    font-size: 1.2em;
    padding: 12px 20px 10px 35px;
}
ul.bannerTabs li a span {
    padding-right: 57px;
}
div.container-quote form {
    display: block;
    width: 75%;
    float: left;
    margin-left: 2%;
    padding-top: 25px;
    }
div.carrier-serviceInfo-links, div.carrier-serviceInfo-links ul {
    padding-top: 15px;
}

div.container-quote#freight ul {
    background-image: url(../layout/img-pallets-freight.png);
    }
div.container-quote#freight ul li#airFreight,
div.container-quote#freight ul li#seaFreight {
    width: 50%;
    float: left;
    background-size: 70%;
    }
div.container-quote#freight a.button.banner.airfreight span {
    background-position: 2% center;
    }
div.container-quote#freight a.button.banner.seafreight span {
    background-position: 98% center;
    }
div.container-quote#freight a.button.banner.airfreight span, 
div.container-quote#freight a.button.banner.seafreight span {
    height: 200px;
    width: 90%;
    background-size: 72%;
}

section.tracker table td.formfield {
    width: 45%;
    }

div.formSubmit {
    display: inline-block;
    text-align: center;
    width: 50%;
}

div.table.quote {
    display: block;
    padding: 0px 0px;
    margin: 0px auto;
    max-width: 900px
}
div.table.quote div.row {
    display: block;
    padding: 4px 0px;
    margin: 0px 0px;
}
div.table.quote div.cell {
    display: inline-block;
    padding: 4px 0px;
    margin: 0px 0px;
    text-align: left;
}
div.cell.copy {
    width: 10%;
}
div.table.quote div.cell.items {
    width:10%;
    float: left;
    margin-left: 1.5%;
}
div.table.quote div.cell.type {
    width: 38%;
    float: left;
    }
div.table.quote div.cell label {
    width: 97%;
    padding: 6px 0px;
    margin: 0px 0px 0px;
    background-repeat: repeat-x;
    background-position: center top;
    border: 1px solid #115fb2;
    color: #fff;
    text-align: center;
    }
div.table.quote input,
div.table.quote select,
div.table.quote div.cell.dimensions label {
    width: 97%;
}

div.container-quote div.data-table {
    display: block;
    width: auto;
    padding: 0px 0px 15px 0px;
    clear: both;
    background-image: url("../layout/bg-formRow-shadow.png");
    background-position: center bottom;
    background-repeat: no-repeat !important;
    position: relative;
    z-index: 0;
}
div.container-quote div.data-table table {
    display: inline-table;
    text-align: center;
    border-spacing: 6px !important;
    border-collapse: separate !important;
    text-align: right;
    margin: 0px auto 0px auto;
    position: relative !important;
}
div.container-quote div.data-table table tr th {
    padding: 4px 5px;
    background-image: url('../layout/bg-scrollingprice.png');
    background-repeat: repeat-x;
    background-position: center top;
    border-top: 1px solid #7acee9;
    border-bottom: 1px solid #023f7f;
    border-spacing: 6px !important;
    color: #fff;
    font-size: 0.75em;
    border-collapse: separate !important;
    white-space: nowrap;
}
div.container-quote div.data-table table tr td {
    border-spacing: 6px !important;
    padding: 0px;
    border-collapse: separate !important;
    color: #fff;
    }

div.container-quote div.data-table tr th label {
    display: block;
    padding: 0px 0px;
    margin: 0px;
    color: #fff;
    width: 98%;
    font-size: 1em;
    
}
div.container-quote div.data-table table tr td label {
    color: #fff;
    white-space: nowrap;
}
div.table.quote {
    position: relative;
}
div.table.quote div.innerTable {
    display: inline-block;
    width: 50%;
    text-align: left;
}

div.copyDown {
    display: inline-block;
    width: auto;
    position: absolute;
    right: 52%;
    text-align: right;
    padding-top: 4px;
    }

div.carrier-serviceInfo-links ul {
    width: 20%;
    max-width: 190px;
    float: left;
    }
div.carrier-serviceInfo-links ul li {
    width: 48%;
    float: left;
    }
div.carrier-serviceInfo-links ul li#dhl { 
    width: 96%; 
}
div.carrier-serviceInfo-links ul li a {
    width: 85px;
    height: 44px;
    background-size: 85px 38px;
    }

.width5, .width10, .width15, .width20, .width25, .width30,.width33, .width35, .width40, .width45, .width50, .width55, .width60, .width65, .width70, .width75, .width80, .width85, .width90, .width95 {
    display: block;
    float: left;
    padding-left: 1%;
    padding-right: 1%;
}
.width5 {width: 3%;}
.width10 {width: 8%;}
.width15 {width: 13%;}
.width20 {width: 18%;}
.width25 {width: 23%;}
.width30 {width: 28%;}
.width33 {width: 31%;}
.width35 {width: 33%;}
.width40 {width: 38%;}
.width45 {width: 43%;}
.width50 {width: 48%;}
.width55 {width: 53%;}
.width60 {width: 58%;}
.width65 {width: 63%;}
.width70 {width: 68%;}
.width75 {width: 73%;}
.width80 {width: 78%;}
.width85 {width: 83%;}
.width90 {width: 88%;}
.width95 {width: 93%;}
.width100 {
    display: block;
    clear: both;
    width: auto;
}
div.NewsItem h2,
div.NewsItem h3,
div.NewsItem h4,
div.NewsItem h4 {
    display: inline-block;
    }

div.news-categories {
    width: 33%;
    float: right;
    padding: 15px 0;
    }


div.heading-container {
    position: relative;
    z-index: 5;
}

div.infoBox,
div.container-advertisement {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px; 
    -khtml-border-radius: 9px;
    /*border: 1px solid #498bd0;*/
    
}
div.infoBox {
    margin: 10px 0px 15px 0px;
}
div.container-advertisement {
    box-shadow: 0px 0px 5px #d9e3ec;
}

div.service-information ul.bullet.brandDPD,
div.service-information ul.bullet.brandUPS,
div.service-information ul.bullet.brandDHL,
div.service-information ul.bullet.brandTGInt,
div.service-information ul.bullet.brandTGExp,
div.service-information ul.bullet.brandTNTExport {
    background-repeat: no-repeat;
    background-size: 160px auto;
    background-position: right top;
    position: relative;
    }

#nestedAccordion.floatedList div ul.icons li {
    width: 28%;
}

div.cse {
    background-position: 2% top;
    padding: 0px 0px 0px 90px;
}
div.infoBox {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px; 
    -khtml-border-radius: 7px;
}
div.infoBox h1,
div.infoBox h2,
div.infoBox h3,
div.infoBox h4,
div.infoBox h5,
div.infoBox li,
div.infoBox li.footerLink {
    width: auto;
    }

div.infoBox li.footerLink a {
    padding: 5px 12px;
    }
a.link-watchVideo {
    display: block;
    width: 95%;
    height: 156px;
    margin: 6px auto;
    background-image: url("../layout/screenshot-watchVideo.png");
    background-position: center top;
    background-repeat: no-repeat;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px; 
    -khtml-border-radius: 7px;
    box-shadow: 0px 3px 5px #e8e8e8;
    margin-top: 6px;
}
a.link-watchVideo:hover, a.link-watchVideo:active, a.link-watchVideo:focus {
    background-position: center bottom;
    }


div.categories section {
    display: block;
    width: 29%;
    margin: 0px 2%;
    padding: 20px 0px;
    float: left;
    text-align: center;
    }

span.clear-desktop {
    display: block !important;
    width: auto;
    clear: both;
    padding: 0 !important;
    margin: 0 !important;
    height: 1px;
    background-color: transparent;
    content:"";
}

div.categories section,
div.services {
    padding-bottom: 15px;
}
div.categories li {
    display: block;
    }
div.services section,
div.process div.section {
    text-align: center;
    }

div.services section,
div.process div.section,
div.services section.four,
div.process div.section.four {
    display: table-cell;
    width: 25%;
    }
div.services.three section,
div.process.three div.section {
    display: table-cell;
    width: 33.33% !important;
    }
div.process div.section,
div.services section,
div.categories section {
    padding: 10px 0px 10px;
    }
div.services section.active,
div.process div.section.active {
    background-position: center top;
    background-size: 53px;
    }
div.categories section a.button,
div.services section a.button,
div.process div.section a.button {
    display: inline-block;
    }

div.services div.inner,
div.process div.inner {
    display: inline-table !important;
}

div.services section div.inner,
div.process div.section div.inner {
    margin: 1.5%;
    }

ul.socialLinks {
    display: table;
    width: 96%;
    max-width: 700px;
}
ul.socialLinks li {
    display: table-cell;
    }

/* QUOTE TABLE DESKTOP OVERIDES */
table.standard td a.block { display: block; }
table.standard td a.btn { display: inline-block !important; }
table.standard td.serviceName img { float: left !important; }
table.standard.rowhover tr:active, table.standard.rowhover tr:hover, table.standard.rowhover tr:focus { background: #eff3fa; }

table.standard tr:active td.serviceName a.hover,
table.standard tr:hover td.serviceName a.hover,
table.standard tr:focus td.serviceName a.hover {
    z-index: 50 !important;  
    }
table.standard tr td.serviceName a.hover span.notification {
    display: none;
    font-size: 1.1em;
}

div.table.structure.address {
    float: left;
    width: 49%;
    margin: auto 1% 1% 0px;
    }

table.standard.dimensions {float: left; margin: 15px 1% 15px 0px; clear: left; width: 49%; }

table.standard td.first-instance {
    visibility: hidden;
}

table.standard tr:nth-child(1) td.first-instance {
    visibility: visible;
}
table td.vieworder,
table td.packinglist,
table td.labels {
    text-align: center;
}
div.badge-hover {
    font-size: 0.85em;
    cursor: help;
}
    div.badge-hover span.notification {
        text-align: center;
    }
        div.badge-hover span.notification.active {
            display: none;
        }
    div.badge-hover span.notification ul li {
        font-family: arial !important;
        font-size: 1.1em;
        font-style: normal;
        display: block;
        width: auto;
        margin: 0px;
        padding: 3px 6px;
        list-style-type: none;
        white-space: normal;
        line-height: 1.4em;
        text-align: left;
    }
div.hover {
    display: inline-block;
    width: 25px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url('../layout/icon-info-small.png');
    text-decoration: none;
    z-index: 0;
    cursor: help !important;
    position: relative;
    vertical-align: bottom;
    }
    div.hover.text {
        display: block !important;
        width: auto !important;
        height: auto !important;
        background-image: none !important;
    }
    div.hover span.title {
        font-size: 0.85em;
    }
    th div.hover span.title {
       color: #fff !important; 
    }
    div.hover.left span.notification,
    div.badge-hover span.notification {
        right: 0 !important;
        left: auto;
        }
    div.hover span.notification b,
    div.badge-hover span.notification b {
        display: block;
        clear: both;
        padding: 6px 4px 6px;
        margin: 0px 0px 5px 0px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -khtml-border-radius: 5px;
        color: #fff !important;
        font-size: 1em;
        text-align: center;
        background-color: #498bd0;
        background-image: url(../layout/icon-close-dark-x-small.png);
        background-repeat: no-repeat;
        background-position: right center;
    }
    div.hover span.notification i,
    div.badge-hover span.notification i {
        font-style: normal;
        font-weight: normal;
        display: block;
        width: auto;
        margin: 0px;
        padding: 3px 6px;
        list-style-type: none;
        white-space: normal;
        line-height: 1.4em;
        font-size: 0.85em;
    }
    div.hover span.notification a,
    div.badge-hover span.notification a {
        color: #498bd0 ;
        display: inline-block;
        padding: 6px 0 12px;
        text-align: center;
        margin: 5px 0px 5px;
    }
        div.hover.text span.notification a.link {
            display: block !important;
            text-align: center !important;
            font-size: 0.85em;
        }
a.hover:active,
a.hover:hover,
a.hover:focus,
a.hover.active,
div.hover:active,
div.hover:hover,
div.hover:focus,
div.badge-hover:active,
div.badge-hover:hover,
div.badge-hover:focus { 
    z-index: 50;  
    }

div.badge-hover span.notification,
div.hover span.notification,
label.hover span.notification,
a.hover span.notification {
    display: none;
    clear: both;
    position: absolute;
    left: 0px;
    z-index: 50;
    background-color: #f4f8ff;
    color: #004a8a;
    width: 300px;
    font-style: normal !important;
    font-weight: normal;
    padding: 5px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; 
    -khtml-border-radius: 12px;
    border: 1px solid #70add6;
    text-align: left;
}

    tr.restricted a.btn.disabled span.notification {
        right: 0px !important;
        left: auto !important;
    }

label.hover span.notification span.link,
label.hover span.notification li.link,
a.hover span.notification span.link,
a.hover span.notification li.link {
    display: block;
    text-align: right;
    color: #0185cd;
    width: 95%;
    padding: 5px 0px 8px;
    }
label.hover span.notification span.link:hover, 
label.hover span.notification span.link:active, 
label.hover span.notification span.link:focus,
a.hover span.notification span.link:hover, 
a.hover span.notification span.link:active, 
a.hover span.notification span.link:focus {
    text-decoration: underline;
    }


a.hover.active span.notification,
div.badge-hover:hover span.notification,
div.badge-hover:active span.notification,
div.badge-hover:focus span.notification,
div.badge-hover.active span.notification,
table.standard tr div.badge-hover:active span.notification,
table.standard tr div.badge-hover:hover span.notification,
table.standard tr div.badge-hover:focus span.notification,
table.standard tr:active td.serviceName a.hover span.notification,
table.standard tr:hover td.serviceName a.hover span.notification,
table.standard tr:focus td.serviceName a.hover span.notification,
div.hover.active span.notification,
div.hover:hover span.notification,
div.hover:active span.notification,
div.hover:focus span.notification,
a.hover:active span.notification,
a.hover:hover span.notification,
a.hover:focus span.notification,
label.hover.active span.notification,
label.hover:active span.notification,
label.hover:hover span.notification,
label.hover:focus span.notification {
    display: block; 
    z-index: 50;  
    }

table#quotationTbl b {
    display: block;
}
table#quotationTbl a.link {
    display: inline-block;
}

a.btnBlue, a.btn, button.btn {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px; 
    -khtml-border-radius: 7px;
}
a.btn span, button.btn span, span.btn span {
    padding: 6px 12px;
    }

a.btn.icon { 
    overflow: hidden;
}

a.btn.icon span {
    text-indent: -9999px;
    overflow: hidden;
    width: 10px; 
    height: 10px; 
    overflow: hidden;
    background-position: center center;
    }
a.btn.blue.icon,
a.btn.form.icon { 
    background-color: transparent !important;
    border: none !important;
    background-position: center center;
}

a.btn.add span,
a.btn.excel span,
a.btn.pdf span,
a.btn.delete span,
a.btn.calculate span,
a.btn.lookup span,
a.btn.edit span,
a.btn.save span,
a.btn.view span,
button.btn.add span,
button.btn.edit span,
button.btn.delete span,
button.btn.calculate span,
button.btn.lookup span,
button.btn.edit span,
a.btn.viewtimed span, 
button.btn.viewtimed span, 
button.btn.viewtimed:hover span, 
button.btn.viewtimed:active span, 
button.btn.viewtimed:focus span {
    background-position: 97% center;
    background-repeat: no-repeat;
    padding-right: 32px;
    }

a.btn.icon {
    background-image: none;
    }

a.btn.icon span {
    padding-right: 12px !important;
    }
span.printer-required {
    display: block;
    background-image: url(../media/icons/silk/icon-printer-required.png);
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 25px;
    min-width: 25px;
    text-indent: -9999px;
}

a.btn.large.proceed, button.btn.large.proceed, a.btn.right, button.btn.right, span.btn.right { float: right; }

/* LAYOUT CONTAINERS */
div.AddressDetails_Left,
div.AddressDetails_Right {
    width:46%; 
    float: left; 
    margin: 0px 1%; 
    padding: 0% 1%;
}
div.selectAddressBook div.lookup {
    display: inline-block;
    width: 60%;
}
div.selectAddressBook div.lookup.shop {
    display: inline-block;
    width: 95%;
    padding-top: 8px;
}
tr#AddressDetails_ukLookup input,
tr#DeliveryAddress_intlLookup td input,
tr#DeliveryAddress_usLookup td input,
tr#DeliveryAddress_ukLookup td input,
tr#CollectionAddress_intlLookup td input,
tr#CollectionAddress_usLookup td input,
tr#CollectionAddress_ukLookup td input {
    width: 50% !important;
}

.collection-window,
.access-point-window {
    width: 40%;
}
div.warning-message.prohibited {
    border: 1px solid #498bd0;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
}
div.warning-message.prohibited div.prohibitedIcon {
    width: 110px;
    float: left;
    }

div.warning-message div.content {
    margin: 15px 15px 0 260px;
    text-align: left;
}
ul.quote-tools {
    text-align: left;
}
ul.quote-tools li.sort,
ul.quote-tools li.timed-services  {
    float: right;
    margin-right: 5px;
    }
ul.quote-tools li.timed-services {
    position: relative;
    top: -3px;
}
table.packinglist  td.PackageDetailsTable_Description input { width: 97%; }
table.packinglist  td.PackageDetailsTable_Value input {width: 75%; }
table.packinglist tr.footer a.btn.form.add {margin-left: 28px;}

div.warning-message.prohibited div.container-checkbox { float: right;}

div.insurance-container { width: 60%; margin: 0px 20%;}

div.container-terms, div.package-summary { width: 55%; margin-right: 5%; float: left; }

div.section-container.cost-summary, div.payment-options { width: 35%; float: right; }

div.account-links ol {
    width: 29%;
    margin: 0px 2% 0px 2%;
    float: left;
    list-style-type: none;
    }

div.pagetabmenu {
    display: block !important;
}

.pagetab {
  display: inline-block;
  padding: 3px 6px;
  background: #FFF url('../images/pagetab_bg.png') repeat-x scroll bottom;
  border: solid 1px #91A7B4;
  border-width: 1px 1px 0px 1px;
  border-radius: 3px 3px 3px 3px;
  -mox-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  cursor: pointer;
  font-family: verdana;
  font-size: 0.85em;
}
a.pagetab  {
    color: #222;
    text-decoration: none;
    }
.pagetabmenu .active {
  background-image: none;
  border-top: solid 3px #EE9F31;
  border-bottom: solid 1px #FFF;
}

section.form.section table.FormTable.address.selector { width: 90% !important; max-width: 800px; margin: 0px 5% !important; }
section.form.section table.FormTable.address.selector td { width: 50%; }
section.form.section table.FormTable.address.selector td select { width: 90%; }

div.print-options table td.option-select {width: 70%; min-width: 200px; }

div.center-column.ninety {
    width: 90% !important;
    margin: 0px 5% !important;
}
div.center-column.eighty {
    width: 80% !important;
    margin: 0px 10% !important;
}
div.center-column.seventy {
    width: 70%;
    margin: 0px 15%;
}
div.center-column.sixty {
    width: 60% !important;
    margin: 0px 20% !important;
}
div.center-column.fifty {
    width: 50% !important;
    margin: 0px 25% !important;
}
div.center-column.forty {
    width: 40% !important;
    margin: 0px 30% !important;
}
div.center-column.thirty {
    width: 30% !important;
    margin: 0px 35% !important;
}
div.center-column.twenty {
    width: 30% !important;
    margin: 0px 40% !important;
}

#accordion ul.icons li.info {
  width: 32%;
}

ul.carousel.carriers li img {
    width: 70%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    margin-top:2.5%;
    margin-bottom: 2.5%;
    }
ul.carousel.carriers li a:hover img,
ul.carousel.carriers li a:active img,
ul.carousel.carriers li a:focus img {
    width: 78%;
    margin-top: 0px;
    margin-bottom: 0px;
    }

footer div.section.company,
footer div.section.tools,
footer div.section.service,
footer div.section.terms {
    width: 19%;
    }

footer div.section.contact {
    float: right;
}

div.copyright-notice {
    display: inline-block;
    padding: 10px 0px 10px 30px;
    background-position: left 75%;
    background-size: 160px auto;
    font-size: 0.85em;
}    
div.copyright-notice span::after {
    content: "|";
    display: inline-block;
    padding: 0px 5px;
    }
div.copyright-notice span:last-of-type::after {
    content: "" !important;
    }
footer div.contact-us ul li {
    display: block;
    margin: 8px 0px;
    }
div.footer-links {
    display: normal !important;
}

ul.logos li {
    width: 15%;
    }
div.categories div.tools li {
    width: 26%;
    }
div.search h4:before {
    content:"Can't find what you're looking for? "
}
ul.link.blue li a,
section.blue ul.link a {
    color: #fff !important;
    background-image:url(../layout/list-icon-blue.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 7px auto;
    padding-left: 15px;
    }

div.order-reference-confirmation {
    width: 65% !important;
    float: left !important;
    margin: 0 auto;
    }

table.collectionCutOffTable th {
    color:#fff;
    padding: 8px 8px;
    }

table.collectionCutOffTable th:nth-of-type(2) {
    text-align: right;
    }

table.collectionCutOffTable th img {
    height: 90%;
    width: auto;
    margin: 0px 0px;
    max-height: 30px;
    }
table.collectionCutOffTable td {
    padding: 8px 8px;
    }
table.collectionCutOffTable td.service {
    text-align: left;
    font-size: 0.85em;
    }
table.collectionCutOffTable td.value {
    text-align: right;
    font-weight: bold;
    }
div.cut-off-results {
    display: block;
    width: 18%;
    margin: 0 1%;
    float: left;
}

div.cut-off-results.de {
    width: 23% !important;
}

div.shoppingBasket {
    position: relative;
}

section.shoparea table.products {
    width: 90%;
    margin: 0 5%;
}

section.shoparea table.products tr td:first-of-type {
    text-align: right !important;
}

div.productContainer a.productinfo.more {
        display: none !important;
    }
div.product-page {
    width: 90%;
}
div.product-page div.image-container {
    float: right;
    width: 40% !important;
    }
div.image-container.crate {
    float: right;
}
div.product-page div.description-container {
    float: left;
    width: 60%;
    } 
div.buy-options h1,
div.buy-options h2,
div.buy-options h3,
div.buy-options h4,
div.buy-options h5,
div.product-page div.description-container h2,
div.product-page div.description-container h3,
div.product-page div.description-container h4,
div.product-page div.description-container h5 {
    text-align: left;
    }

div.buy-options {
    display: block;
    float: left;
    width: 60%;
    padding-bottom: 30px;
}

    table#contentDescription {
        width: 80%;
    }

    table#contentDescription label {
        width: 50%;
        display: inline-block;
        text-align: right;
    }

section.quoteResults ul li:nth-of-type(1),
section.quoteResults ul li:nth-of-type(2) {
    padding-right: 30px !Important;
    background-repeat: no-repeat;
    background-position: right center;
    }
        section.quoteResults ul li:nth-of-type(1) {
            background-image:url(../layout/symbol-plus-blue.png);
            }

        section.quoteResults ul li:nth-of-type(2) {
            background-image:url(../layout/symbol-equals-blue.png);
            }

div.help-container {
    margin: 20px 5%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
    -khtml-border-radius: 20px;
}
    div.help-container div.help-image {
        float: right;
        margin-left: 15px;
        padding: 20px 20px 20px 0;
        }
ul.radio-list li a.button {
    float: right;    
    }


/* DIRECT DEBIT INSTRUCTION */

div.formGroup {
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
    font-family: Arial;
}


/* END DIRECT DEBIT INSTRUCTION */


/*
ul.eu-map {
    display: block;
    width: 467px;
    height: 494px;
    padding: 0px !important;
    margin: 0px !important;
    background-image: url(../layout/illustration-eu-map-large.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    font-size: 0.7em;
    z-index: 0;
}
ul.eu-map li {
    display: block;
    position: absolute;
    padding: 0px;
    margin: 0px;
    z-index: 0;
}
ul.eu-map li a img {
    position: relative;
    z-index: 0;
    width: 28px;
    height: 28px;
    float: left;
}
ul.eu-map li a span {
    display: block;
    position: relative;
    z-index: 0;
    clear: left;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 3px 6px;
    visibility: hidden;
    display: none;
    margin-top: 7px;
}
ul.eu-map li a:active span, ul.eu-map li a:hover span, ul.eu-map li:hover a span, ul.eu-map li:active a span, ul.eu-map li:focus a span {
    z-index: 1000 !important;
    visibility: visible !important;
    display: block !important;
}
ul.eu-map li a.quoteLink {
    display: none;
}
ul.eu-map li:hover a.quoteLink, ul.eu-map li:focus a.quoteLink, ul.eu-map li:active a.quoteLink {
    display: block;
    position: relative;
    z-index: 0;
    background-color: #000;
    color: #fff;
    font-weight: bold !important;
    padding: 3px 6px;
    visibility: visible !important;
    margin-top: 2px;
}
    */
    ul.how-it-works li {
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px; 
        -khtml-border-radius: 20px;
        width: 93%;
        max-width: 450px;
    }

    ul.help-steps li.twoCol {
        width: 38%;
        float: left;
    }
    ul.help-steps li.twoCol:first-of-type {
        margin-right: 2%
    }
    ul.help-steps li.twoCol:last-of-type {
        margin-left: 2%
    }

ul.world-map {
    display: inline-block;
}
div.popupcontent table.tblCheckRemote {
    width: 570px;
}
div.popupcontent table.tblCheckRemote td {
    width: 50%;
    }

div.noprinter {
    width: 33%;
    float: right;
}
table.standard td span.note {
    text-align: center;
}
@media screen and (min-width: 901px) {
    ul.advertisements li {
        width: 30%;
        float: left;
    }
    ul.advertisements li:nth-of-type(4) {
        clear: left;
    }
    div.productContainer {
        width: 45%;
        margin: auto 2%;
        display: block;
        float: left;
    }
    div.remote-results {
        text-align: center;
    }
    div.remote-results div.remote-info {
        width: 17%;
    }
}

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

    div.remote-results div.remote-info {
        width: 32%;
    }
    div.remote-results {
        text-align: left;
    }
    table.standard td {
        padding: 7px 4px !important;
    }
    ul.advertisements li {
        width: 47%;
        float: left;
    }
        ul.advertisements li:nth-of-type(3) {
            clear: left;
        }
            ul.advertisements li:nth-of-type(3) ol {
                display: none;
            }
    ul.advertisements li:nth-of-type(3),
    ul.advertisements li:nth-of-type(4),
    ul.advertisements li:nth-of-type(5) {
        width: 30% !important;
        float: left;
    }

    div.productContainer {
        width: 95%;
        max-width: 600px;
        margin: auto auto;
    }

}

@media screen and (min-width:930px) {
    nav ul ul {
        width: 250px;
    }
    nav ul ul ul {
        left:250px;
    }
}
@media screen and (min-width:780px) and (max-width:929px) {
    nav ul ul {
        width: 200px;
    }
    nav ul ul ul {
        left:200px;
    }
}

@media screen and (max-width:779px) {
    nav ul ul {
        width: 190px;
    }
    nav ul ul ul {
        left:190px;
    }
}

@media screen and (min-width:1201px) {
    #colorbox {position:absolute; left:20% !important; right:20% !important; bottom: 10% !important; width: 60% !important; z-index:9999; overflow-x:hidden;}
}
@media screen and (min-width:831px) and (max-width:1200px) {
    #colorbox {position:absolute; left:10% !important; right:10% !important; bottom: 10% !important; width: 80% !important; z-index:9999; overflow-x:hidden;}
}

@media screen and (min-width:831px) {
    nav ul li.search.active,
    nav ul li.search.active input,
    nav ul li.search:hover,
    nav ul li.search:active,
    nav ul li.search:focus,
    nav ul li.search:hover input,
    nav ul li.search:active input,
    nav ul li.search:focus input {
        width: 240px;
        -webkit-transition: all 300ms ease 0.1s;
        -moz-transition: all 300ms ease 0.1s;
        -o-transition: all 300ms ease 0.1s;
        transition: all 300ms ease 0.1s;
        }
    div#logo-static {
        width: 50%;
        }
}
@media screen and (max-width:830px) {
    nav ul li.search.active,
    nav ul li.search.active input,
    nav ul li.search:hover,
    nav ul li.search:active,
    nav ul li.search:focus,
    nav ul li.search:hover input,
    nav ul li.search:active input,
    nav ul li.search:focus input {
        width: 170px;
        -webkit-transition: all 300ms ease 0.1s;
        -moz-transition: all 300ms ease 0.1s;
        -o-transition: all 300ms ease 0.1s;
        transition: all 300ms ease 0.1s;
        }
    div#logo-static {
        width: 44%;
    }

    #colorbox {position:absolute; top:5% !important; left:5% !important; right:5% !important; bottom: 5% !important; width: 90% !important; z-index:9999; overflow-x:hidden;}
}

@media screen and (min-width:600px) {
    div#insuranceQuote p span.validation.success {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        background-color: #054f95;
        width: 100px;
        position: absolute;
        top: 10px;
        right: 40px;
        vertical-align: middle;
        padding: 20px 10px;
    }

        div#insuranceQuote p span.validation.success strong {
            white-space: pre;
            padding: 12px 0;
            text-align: center;
            font-size: 1.4em;
            width: 50%;
            color: #fff !important;
        }
}

body.direct_debit_application nav,
body.direct_debit_application header,
body.direct_debit_application footer,
body.direct_debit_application .sub-menu,
body.direct_debit_application .ProceedOptions,
body.direct_debit_application #ConfirmDebitDetails,
body.direct_debit_application div.button-container,
body.direct_debit_application .container-accreditations {
    display: none !important;
}

body.direct_debit_application,
body.direct_debit_application p,
body.direct_debit_application li,
body.direct_debit_application h1,
body.direct_debit_application h2,
body.direct_debit_application h3,
body.direct_debit_application h4,
body.direct_debit_application h5,
body.direct_debit_application p b,
body.direct_debit_application .note,
body.direct_debit_application div.formGroup label,
body.direct_debit_application div.formGroup .ProceedOptions li,
body.direct_debit_application div.box.direct_debit span.note b,
body.direct_debit_application div.column label, div.formGroup label,
body.direct_debit_application div.box.confirm_direct_debit span.note b,
body.direct_debit_application div.jointQuoteFields .text_block strong {
    color: #000 !important;
}

body.direct_debit_application .form_notice,
body.direct_debit_application div.center-column.sixty {
    width: 90% !important;
    margin: 0 5% !important;
}
body.direct_debit_application .form_notice {
    max-width: none !important;
}
    body.direct_debit_application .form_notice,
    body.direct_debit_application .form_notice p {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        display: none;
    }
    body.direct_debit_application div.panelledArea .box,
    body.direct_debit_application h3.heading.xsmall {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
body.direct_debit_application div.panelledArea .box {
    border: none;
    background-image: none;
}

    body.direct_debit_application .box div.jointQuoteFields,
    body.direct_debit_application div.direct_debit_guarantee,
    body.direct_debit_application .box div.jointQuoteFields .input_block span,
    body.direct_debit_application .box div.jointQuoteFields span.input_grid span,
    body.direct_debit_application .box div.jointQuoteFields span.input_grid input,
    body.direct_debit_application .box div.jointQuoteFields span.check_options input[type="radio"]:before {
        border-color: #000 !important;
    }

    body.direct_debit_application div.panelledArea .box.direct_debit {
        padding-top: 0 !important;
    }
    body.direct_debit_application div.formGroup label {
        font-size: 16px;
    }

    body.direct_debit_application div.form.generic p {
        padding: 0px 15px !important;
    }
    body.direct_debit_application.view h1.heading {
        display: none;
    }
div.panelledArea .box#DD_Confirmation {
    margin-bottom: 0 !important;
    padding: 10px 0 !important;
}


::-webkit-input-placeholder {
    color: #fff;
    display: none;
}

::-moz-placeholder {
    color: #fff;
    display: none;
}

:-ms-input-placeholder {
    color: #fff;
    display: none;
}

:-moz-placeholder {
    color: #fff;
    display: none;
}