.desktop {
    display: block !important;
}

desktop-float-right,
div.radio_preferences.label-type {
    float: right;
}

.mobile,
a.shopmenu,
div#viewfooterlinks,
div.hover span.close,
a.mm-title,
div.mm-search,
a.triggershopmenu,
.mm-menu > .mm-panel {
    display: none !important;
}

h1.impact,
h2.impact,
h3.impact,
div.impact h1,
div.impact h2,
div.impact h3,
div.impact h4 {
    font-size: 1.6em !important;
    padding-top: 40px;
}

.animate-show {
  opacity: 1;
}
.banner.media.tui div.form.quote.split .form_content h3.title {
    font-size: 2vw !important;
    padding: 0 0 18px !important;
}
.animate-show.ng-hide-add, .animate-show.ng-hide-remove {
  transition: all linear 0.75s;
}

.animate-show.ng-hide {
  opacity: 0;
}

a.btn.edit span { background-image: url(../layout/btn-icon-edit-blue.png); }
a.btn.light-blue.edit span { background-image: url(../layout/btn-icon-edit.png); }

nav ul ul li {
    background-color: #fff;
    background: -webkit-linear-gradient(top, #f6f9fc 0%, #fff 100%);
	background: -linear-gradient(top, #f6f9fc 0%, #fff 100%);
	background: -moz-linear-gradient(top, #f6f9fc 0%, #fff 100%);
}

div.address-column {
    max-width: 470px;
}

div.consignmentDetails {
    -moz-border-radius: 18px !important;
    -webkit-border-radius: 18px !important;
    border-radius: 18px !important; 
    -khtml-border-radius: 18px !important;
}
#packingListMainDetails tfoot select {
    width: 120px !important;
}
body.GB .form_container.customs_consignment_summary {
    min-height: 470px;
}
    body.GB .form_container.customs_consignment_summary.GB,
    body.GB .form_container.customs_consignment_summary.IM {
        min-height: unset;
    }


.dt-margin-left {
    margin-left: 30px;
}

ul.advertisements,
.content.gradient h1, 
.content.gradient h2, 
.content.gradient h3, 
.content.gradient h4, 
.content.gradient h5,
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,
.tabs,
h2 span,
h3 span,
h4 span,
h5 span,
ul.services-list,
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,
div.proceed-container,
div.InnerWindow_Page h2,
div.InnerWindow_Page h3,
div.InnerWindow_Page h4,
div.InnerWindow_Page h5,
div.information_page h1,
div.information_page h2,
div.information_page h3,
div.information_page h4,
div.information_page h5,
section.banner .breadcrumb span {
    display: block;
    width: 95%;
    margin: auto;
    max-width:1150px;
}
    div.noBoundry div.ContentPage_Content {
        max-width:5000px !important;
        margin: 0px !important;
        Width: 100% !important;
    }
.half-page-column {
    display: block;
    width: 50%;
    padding: 0;
    margin: auto;
    float: left;
}
    .half-page-column.left {
        float: left;
        clear: left;
    }
    .half-page-column.right {
        float: right;
        clear: right;
    }

    .half-page-column .AddressDetails_Left {
        float: right;
        clear: right;
    }
    
    .half-page-column .AddressDetails_Right {
        float: left;
        clear: left;
    }
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.labelOptions li a,
div.table.quote div.cell label {
    background-color: #115fb2;
    }
section.banner.media div.table.quote div.cell label,
section.banner.blue div.table.quote div.cell label {
    background-color: #003d7c !important;
    border-color: #003d7c !important;
}
table.price-samples td.image img {
    width: 32px;
    height: 32px;
}

.menu div.LoginContainer a.button span {
    color: #115fb2 !important;
}

a.shipping_label,
a.shipping-label {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    z-index:0;
    text-decoration: none;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
    
    a.shipping_label span,
    a.shipping-label span {
        display: none;
        background-color: #115fb2;
        color: #fff;
        padding: 5px;
        -moz-border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        border-radius: 6px !important;
        -khtml-border-radius: 6px !important;
        font-size: 0.8em;
        position: absolute;
        top: 24px;
        left: -20px;
        text-align: center !important;
        white-space: initial !important;
    }

    
    a.shipping_label.awb-a4,
    a.shipping-label.awb-a4 {
        background-image: url(../layout/icon-label-a4.png); 
    }
    a.shipping_label.awb-thermal,
    a.shipping-label.awb-thermal {
        background-image: url(../layout/icon-label-thermal.png); 
    }
    a.shipping_label.manifest,
    a.shipping-label.manifest {
        background-image: url(../layout/icon-label-manifest.png); 
    }
    a.shipping_label.packinglist,
    a.shipping-label.packinglist {
        background-image: url(../layout/icon-label-packinglist.png); 
    }
    a.shipping_label.view_detail,
    a.shipping-label.view_detail {
        background-image: url(../layout/icon-label-viewdetail.png); 
    }

    a.shipping_label:hover,
    a.shipping-label:hover {
        z-index: 50;
    }
    a.shipping_label:hover span ,
    a.shipping-label:hover span {
        display: block;
        position: absolute;
    }


a.button {
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    -khtml-border-radius: 10px !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 {
    padding: 22px 0 16px 0;
    /*background-size: 80px auto;*/
}
div.form.quote h1,
div.form.quote h2,
div.form.quote h3,
div.titleheader h1, 
div.titleheader h2, 
div.titleheader h3 {
    margin: 10px auto 10px auto;
}
div.form.quote.dhl h3,
div.form.quote.tnt h3,
div.form.quote.dpd h3,
div.form.quote.ups h3,
div.form.quote.usps h3 {
    padding-left: 110px !important;
}

.col20 { width: 20%; }
.col16 { width: 16%; padding-right: 2%; }
.col17 { width: 17%; padding-right: 1%; }
.col18 { width: 18%; padding-right: 2%; }
.col19 { width: 19%; padding-right: 1%; }
.col20 { width: 20%; }
.col49 { width: 49%; padding-right: 1%; }
.col50 { width: 50%; }
.col80 { width: 80%; }
.col83 { width: 83%; }

div.form.quote.airfreight div.simplesearch {
        float: right;
    }
div.form div.three-col {
        margin: 10px 0;
    }
div.form div.two-col div {
    width: 50%;
    float: left;
    }
div.form div.three-col div {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width: 33.3%;
    float: left;
    position: relative;
    }
div.form.quote.airfreight div.quote-column select,
div.form.quote.airfreight div.quote-column input[type="text"] {
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px; 
            -khtml-border-radius: 8px;
        }

        div.form div.two-col div.left input,
        div.form div.two-col div.left select,
        div.form div.three-col div.left input,
        div.form div.three-col div.left select,
        div.form div.two-col div.left div.radio-select,
        div.form div.three-col div.left  div.radio-select,
        div.form div.three-col div.left div.radio-select .option.active {
            -webkit-border-top-left-radius: 8px;
            -moz-border-radius-topleft: 8px;
            border-top-left-radius: 8px;
            -webkit-border-bottom-left-radius: 8px;
            -moz-border-radius-bottomleft: 8px;
            border-bottom-left-radius: 8px;
        }

        div.form div.two-col div.right input,
        div.form div.two-col div.right select,
        div.form div.three-col div.right input,
        div.form div.three-col div.right select,
        div.form div.two-col div.right div.radio-select,
        div.form div.three-col div.right div.radio-select,
        div.form div.three-col div.right div.radio-select .option.active {
            -webkit-border-top-right-radius: 8px;
            -moz-border-radius-topright: 8px;
            border-top-right-radius: 8px;
            -webkit-border-bottom-right-radius: 8px;
            -moz-border-radius-bottomright: 8px;
            border-bottom-right-radius: 8px;
        }
        div.radio-select:active span.option,
        div.radio-select:focus span.option,
        div.radio-select:hover span.option,
        div.form div.three-col div.right div.radio-select:active .option.active,
        div.form div.three-col div.right div.radio-select:focus .option.active,
        div.form div.three-col div.right div.radio-select:hover .option.active  {
            -moz-border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
            border-radius: 0 !important; 
            -khtml-border-radius: 0 !important;
        }
ul.air-freight-info li {
    float: left;
    width: 33%;

}
div#logo-static {
    display: block;
    padding: 0px;
    margin: 0px 0px 3px;
    float: left;
    max-width: 430px;
    position: relative;
    top: 5px;
}
    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: 5px 10px 5px 20px;
}
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: 45px auto;
    background-position: 5px 8px;
    box-sizing: content-box;
    }

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: 25px;*/
    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 6px;
    text-align: center;
    position: relative;
    z-index: 12;
	}

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;
	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.register {
    float: right;
    position: relative;
    top: 3px;
    }
nav ul li.end {
    float: right;
    position: relative;
    top: 3px;
    margin-left: 8px;
    }
    nav ul li#language-switch {
        background-image:url(../layout/icon-language-switch.png);
        background-repeat: no-repeat;
        background-position: center;
        float: right;
        position: relative;
    }
    nav ul li#language-switch a.options {
        text-indent: -9999px;
        width: 30px;
        height: 20px;
    }
        nav ul li#language-switch ul.lang-picker {
            right: 0 !important;
            z-index: 100 !important;
        }
            nav ul li#language-switch ul.lang-picker li a.de {
                background-image: url(../media/flags/24/DE.png);
                background-repeat: no-repeat;
                background-position: 5px center;
                text-indent: 27px !important;
            }
            nav ul li#language-switch ul.lang-picker li a.en-GB {
                background-image: url(../media/flags/24/GB.png);
                background-repeat: no-repeat;
                background-position: 5px center;
                text-indent: 27px !important;
            }
nav ul li a {
	font-family: "RobotoBold", Arial;
	font-weight: normal;
	display: inline-block;
	padding: 2px 6px;
	text-decoration: none;
    font-size: 1rem;
    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: #42d15a;
        color: #fff;
        padding: 8px 16px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -khtml-border-radius: 20px;
    }
        nav ul li a.menulink.login,
        nav ul li a.menulink.track,
        nav ul li a.menubutton.login,
        nav ul li a.menubutton.track {
            background-color: #01619e;
        }
    nav ul li a.menulink.register,
    nav ul li a.menubutton.register {
        background-color: #879cb1 ;
        }
nav ul li a.menulink.logout,
nav ul li a.menubutton.logout,
nav ul li a.menubutton:hover,
nav ul li a.menubutton:active,
nav ul li a.menubutton:focus {
    background-color: #ea4148;
    }

        nav ul li a.menulink:hover,
        nav ul li a.menulink:focus,
        nav ul li a.menulink:active {
            /*background-color: #1bbd00;*/
            opacity: 0.8;
        }
    nav ul li a.menulink.logout:hover,
    nav ul li a.menulink.logout:focus,
    nav ul li a.menulink.logout:active {
        background-color: #EC121B !important;
    }


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 10px 20px #002f4d;
    }
    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;
      }*/

nav ul li.search {
    width: 190px;
    float: right;
    -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;
}
nav ul li.search input[type="text"] {
    width:100px;
    -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;
    padding: 0px;
    margin: 0px;
    font-size: 0.9em;
    background-color: transparent;
    }


div.sub-menu.account li {
    position: relative;
}
    div.sub-menu.account li ul {
        position: absolute;
        right: 0px;
        z-index: 9;
        background-color: #fff;
        padding: 10px;
        border: 1px solid #cedaf1;
        color: #004a8a ;
        box-sizing: border-box;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; 
        -khtml-border-radius: 5px;
        font-size: 13px;
        cursor: help;
    }
        div.sub-menu.account li:hover ul {
            display: block;
        }
            div.sub-menu.account li ul:after {
            display: block;
            width: 15px;
            height: 15px;
            background-color: #fff;
            -moz-box-shadow: 1px -1px 0px 0px #cedaf1;
            -webkit-box-shadow: 1px -1px 0px 0px #cedaf1;
            box-shadow: 1px -1px 0px 0px #cedaf1;
            content: "";
            position: absolute;
            top: -7px;
            left: 49%;
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
        div.sub-menu.account li ul strong {
            white-space: nowrap;
            padding: 10px 0;
            font-size: 19px;
        }
        div.sub-menu.account li ul span {
            display: block;
            white-space: nowrap;
            padding: 3px 0 7px;
        }
        div.sub-menu.account li ul a.button_blue {
            background-image: none !important;
            padding-left: 14px !important;
            white-space: nowrap;
        }

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/icon-menu-right-arrow.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: 16px 6px 16px;
    position: absolute;
    z-index: 5000;
    right: 0px;
    border: 2px solid #fff;
    background-color: #01619e;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    width: 300px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px; 
    -khtml-border-radius: 25px;
    box-shadow: 0px 10px 20px #002f4d;
}
li.end:hover div.LoginContainer ,
li.end:active div.LoginContainer ,
li.end:focus div.LoginContainer  {
    display: block;
    
}
    .menu div.LoginContainer ul.account-links {
        border: none !important;
        box-shadow: none !important;
        width: auto !important;
        float: left;
    }
        .menu div.LoginContainer ul.account-links a {
            color: #fff !important;
        }
    .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;
        font-size: 1.1em;
    }

    .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-color: #fff;
        padding: 0px 0px 0px 0px !important;
        margin: 4px 20px 0px 0px !important;
        color: #226bbb !important;
    }

        .menu div.LoginContainer a.button span {
            clear: both;
            display: block;
            padding: 7px 15px !important;
            margin: 0px !important;
        }
        .menu div.LoginContainer a.button:hover {
            background-color: #f6f9fc;
        }
            .menu div.LoginContainer a.button:hover span {
                color: # !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;
}

div.content-slider.products div.product-description {
    width: 55% !important;
}
div.content-slider.products div.image-container {
    width: 40% !important;
}
div.content-slider.products div.image-container img {
    max-width: 286px;
}
div.content-slider.products div.product-description p {
    font-size: 1.8vmin;
    }
div.content-slider.products div.product-description,
div.content-slider.products div.image-container {
    float: right;
        }

div.content-slider.products h2 a,
div.content-slider.products h3 a,
div.content-slider.products h4 a,
div.content-slider.products h5 a {
    font-size: 2vmax;
    }

div.product_links ol li {
    width: 20%;
    float: left;
    border: none !important;
}
    div.product_links ol li a {
        font-size: 0.8em;
    }
div.product_links.four ol li {
    width: 25% !important;
}
ol.benefits li {
    width: 29%;
    float: left;
    margin: 0 2%;
}
/* SHOP MENU */
div.shop-navigation ul {
    width: 85%;
    max-width: 550px;
    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.shoparea div#paymentDetails {
    margin-left: 4% !important;
}
div.shoppingBasket {
    position: relative;

}
    div.shop-navigation div.shoppingBasket {
        margin-top: 8px;
        padding: 5px;
    }
div.shop-navigation ul li a {
    padding: 20px 6px 20px;
    }
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.dimsTable div#baseRow input,
div.dimsTable div#baseRow select {
    border-top: 1px solid #bac9e5 !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: 35%; }


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%;
}

table.responsive td.lastCell a.emailQuote {
    display: none !important;
}
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.brandDTDC,
div.service-information ul.bullet.brandUSPS,
div.service-information ul.bullet.brandusps,
div.service-information ul.bullet.brandTGInt,
div.service-information ul.bullet.brandFedEx,
div.service-information ul.bullet.brandTGExp,
div.service-information ul.bullet.brandTNTExport,
div.service-information ul.bullet.brandExpressWorldwide {
    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.column label,
div.formGroup label,
div.form.quote span.label,
div.form.generic span.label,
div.form.generic span.heading {
        font-size: 1.2em;
    }
    div.formGroup label.small {
        font-size: 14px !important;
    }
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.standard div.quoteCriteriaRequired {
    width: 100px;
}
table.standard div.quoteCriteriaRequired a.button_white {
        border: none !important;
        background-image: url(../layout/refresh.png) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-color: transparent !important;
        width: 20px !important;
        height: 20px !important;
        position: absolute;
        right: 2px;
        bottom: 1px;
        padding: 0px !important;
        display: inline-block !important;
        min-width: 20px !important;
    }
        table.standard div.quoteCriteriaRequired a.button_white span {
            text-indent: -9999px;
            width: 20px;
            padding: 0px !important;
            display: block;
        }
table.standard div.quoteCriteriaRequired label {
        display: block;
    }

table td.vieworder,
table td.packinglist {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

table td.labels {
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
}
    table td.labels img {
        display: inline-block;
    }
div.labelOptions {
    display: inline-block;
    position: relative;
    background-image: url(../layout/icon-label.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 25px;
    padding: 25px 0px 0px 0px !important;

}
    div.labelOptions ul {
        display: none;
        position: absolute;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        -khtml-border-radius: 9px;
        /*border: 2px solid #115fb2;
        background-color: #fff;*/
        }    
    div.labelOptions li {
        display: block;
        position: relative;
        padding: 0px !important;
    }
        /*div.labelOptions li:first-of-type:after {
            content: "OR";
            display: block;
            padding: 0px !important;
            text-align: center;
            color: #115fb2;
            font-size: 0.85em;
        }*/
    div.labelOptions:hover ul,
    div.labelOptions ul:hover {
        display: block;
        z-index: 80;
    }
    div.labelOptions li a {
        color: #fff;
        display: block;
        padding: 5px 8px;
        margin: 3px;
        text-align: center;
        font-size: 0.9em;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -khtml-border-radius: 6px;
        text-decoration: none;
    }
        div.labelOptions li a:hover {
            text-decoration: none;
        }

a.singeoption{
    display: inline-block;
    position: relative;
    background-image: url(../layout/icon-label.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 25px;
    padding: 25px 0px 0px 0px !important;
}

a.singeoption span{
    display: none;
}
table.standard td.serviceName span.name:after,
table.standard td.serviceName span.name:before {
    display: block;
    width: 16px;
    height: 16px;
    color: #0185cd;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -khtml-border-radius: 50% !important;
    text-align: center;
    line-height: 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    background-color: #fff;
    transform: translateY(-4px);
}

table.standard td.serviceName span.name:before {
    content: "i";
}

table.standard td.serviceName span.name:after {
    content: " ";
    border: 1px solid #054f95;
}

table.standard td.description, table.standard td:before {
    font-weight: bold;
    font-family: arial;
    font-size: 0.9em;
}
div.badge-hover {
    font-size: 0.85em;
    cursor: help;
    position: relative;
    /*padding: 12px 30px 12px 0;*/
    padding: 12px 30px 12px 80px;
    box-sizing: border-box;
    min-height: 50px;
}
    div.badge-hover img {
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
    }
    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;
    }

ul.quotation_options {
    float: left;
    list-style-type:none;
}
    ul.quotation_options li {
        display: inline-block;
        list-style-type: none;
        padding: 5px 0;
        margin: 0;
        box-sizing: border-box;
    }
        ul.quotation_options li a {
            display: block;
            color: #fff !important;
            background-color: #01619e;
            border: 2px solid #01619e;
            font-family: "Roboto";
            padding: 0 5px 0 0;
            -moz-border-radius: 18px;
            -webkit-border-radius: 18px;
            border-radius: 18px;
            -khtml-border-radius: 18px;
            font-size: 11px;
            box-sizing: border-box;
        }
            ul.quotation_options li a span {
                display: block;
                padding: 7px 25px 7px 15px;
                background-repeat: no-repeat;
                background-position: right center;
                background-size: 20px;
                box-sizing: border-box;
            } 

        .quotation_options li.save a span {
            background-image: url(../layout/icon_save_white.png);
        }

        .quotation_options li.edit a span {
            background-image: url(../layout/icon_change_white.png);
        }

        .quotation_options li.insurance a span {
            background-image: url(../layout/icon_insurance_white.png);
        }

        .quotation_options li.time a span {
            background-image: url(../layout/icon_time_white.png);
        }
        ul.quotation_options li a:hover,
        ul.quotation_options li a:active,
        ul.quotation_options li a:focus {
            text-decoration: none;
        }
ul.quote_settings {
    float: right;
    list-style-type: none;
    display: block;
    padding: 0 0 7px 0;
}
    ul.quote_settings li {
        float: right;
        list-style-type: none;
        padding: 10px 5px;
        margin: 0;
        box-sizing:border-box;
        font-family: "Roboto";

    }
        ul.quote_settings li.stackable {
            padding: 6px 12px 6px 30px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -khtml-border-radius: 10px;
            background-color: #feffdc;
            border: 1px solid #edebbd;
            background-image: url(../layout/icon_warning_triangle.png);
            background-repeat: no-repeat;
            background-position: 6px 12px;
        }
            ul.quote_settings li.stackable span.label {
                display: inline-block;
                padding: 0 7px;
                color: #6a665a;
            }
        ul.quote_settings li.sort {
            background-color: #fff;
            padding: 4px 6px 4px 6px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -khtml-border-radius: 10px;
            margin-left: 5px;
            position: relative;
            top: 3px;
        }
            ul.quote_settings li.sort select {
                border: 1px solid #bac9e5;
                color: #333;
            }
            ul.quote_settings li.sort span.label {
                display: inline-block;
                padding: 0 2px;
                color: #296db3;
            }

ul#QuoteNotices {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #eaf0fb;
    background: -webkit-linear-gradient(top, #f6f9fc 0%, #eaf0fb 100%);
}
    ul#QuoteNotices li {
        display: block;
        margin: 0 !important;
        background-image: none !important;
        box-sizing: border-box;
        padding: 24px 0;
        font-size: 14px;
        font-family: "Roboto" !important;
        font-weight: 500 !important;
    }
        ul#QuoteNotices li a {
            font-family: "Roboto" !important;
            font-weight: 500 !important;
            font-size: 14px;
            padding: 0;
            display: inline-block;
        }
            ul#QuoteNotices li a span.highlight {
                color: #b9dafb;
            }
        ul#QuoteNotices li.announcement {
            background-color: #296db3 !important;
            
        }
            ul#QuoteNotices li.announcement div {
                display: inline-block;
                box-sizing: border-box;
                background-image: url(../layout/icon_warning_triangle.png);
                background-repeat: no-repeat;
                background-position: 0 center;
                padding-left: 25px;
            }
            ul#QuoteNotices li.announcement a {
                color: #cad9ff !important;
            }
ul#QuoteNotices li.service_restrictions {
    padding: 19px 0;
}
        ul#QuoteNotices li.service_restrictions a {
            color: #498bd0 !important;
            background-repeat: no-repeat;
            background-position: left top;
            background-size: 30px;
            padding: 5px 10px 5px 36px;
        }
            ul#QuoteNotices li.service_restrictions a span.highlight {
                color: #498bd0;
            }
            ul#QuoteNotices li.service_restrictions a:after {
                display: inline-block;
                background-color: #01619e;
                color: #fff;
                padding: 2px 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -khtml-border-radius: 5px;
                font-size: 11px;
                padding: 4px 10px 5px;
                margin-left: 4px;
            }
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: top;
}
    div.hover.tick {
        background-image: url('../layout/icon-tick-blue-small.png') !important;
        height: 25px !important;
        background-position: center center !important;
    }
    div.hover.inputhover {
        background-image: url('../layout/input-info-hover-icon.png') !important;
        height: 28px !important;
        width: 27px !important;
        background-position: center center !important;
        position: relative;
        left: -6px;
    }
        div.hover.inputhover span.notification {
            top: 20px !important;
        }
    div.hover.text,
    div.hover.link {
        display: block !important;
        width: auto !important;
        height: auto !important;
        background-image: none !important;
    }
        div.hover.text.link {
            color: #0185cd;
            text-decoration: dotted;
            font-size: 0.9em;
        }
        div.hover.link {
            color: #0185cd;
            text-decoration: dotted;
            font-size: 0.8em;
        }
            div.hover.link span.notification {
                font-size: 1.3em !important;
            }
    div.hover span.title {
        font-size: 0.85em;
    }
    div.hover.text span.icon {
    
    }
    th div.hover span.title,
    div.hover.text span.icon {
        color: #fff !important;
        background-image: url('../layout/icon-question-mark-hover.png');
        background-repeat: no-repeat;
        text-align: center;
        display: inline-block;
    }
    div.hover.text span.icon.top {
        background-position: center top;
        padding-top: 16px;
    }
    div.hover.text span.icon.right {
        background-position: right center;
        padding-right: 20px;
    }
    div.hover.text span.icon.bottom {
        background-position: center bottom;
        padding-bottom: 16px;
    }
    div.hover.text span.icon.left {
        background-position: left center;
        padding-left: 20px;
    }
    th div.hover span.title {
        background-position: center bottom;
        padding-bottom: 20px;
    }
    th div.hover.text span.left {
        text-align: left !important;
        display: block;
        padding-left: 20px;
    }
    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: #004a8a !important;
            font-size: 1em;
            font-family: "Roboto" !important;
            text-align: center;
            font-size: 12px;
            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;
        font-family: Roboto !important;
    }
    div.hover span.notification a,
    div.badge-hover span.notification a {
        color: #498bd0 ;
        display: inline-block;
        padding: 6px 0 12px;
        text-align: center;
        margin: 12px 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;
    font-family: Roboto;
    clear: both;
    position: absolute;
    left: 0px;
    z-index: 50;
    background-color: #fff;
    color: #004a8a;
    width: 90%;
    min-width: 280px;
    max-width: 450px;
    font-style: normal !important;
    font-weight: normal;
    padding: 12px;
    box-sizing: border-box;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; 
    -khtml-border-radius: 12px;
    border: 1px solid #70add6;
    text-align: left;
    white-space: normal !important;
}

    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;
    padding: 5px 0;
}

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,
a.button.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,
a.button.form.icon,
a.button.blue.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.clock 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; }

.button_icon {
    display: block;
    width: 40px; 
    height: 30px;
    text-indent: -999px;
    overflow: hidden;
}
    .button_icon.remove {
        background-image: url(../layout/cart/basket_blue_remove.png);
    }
div.moredetail.active {
    top: 50%;
    position: fixed;
    transform: translateY(-50%);

}

/* LAYOUT CONTAINERS */
div.AddressDetails_Left {
    width: 47%; 
    float: left; 
    margin: 0 3% 0 0; 
    padding: 0;
    box-sizing: border-box;
    text-align: center;
}

div.AddressDetails_Right {
    width:47%; 
    float: left; 
    margin: 0 0 0 3%; 
    padding: 0;
    box-sizing: border-box;
    text-align: center;
}
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,
div.warning-message.declaration,
div.save_packing_list {
    border: 1px solid #bac9e5;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
}
div.warning-message.prohibited div.prohibitedIcon {
    width: 110px;
    float: right;
    }
div.warning-message.prohibited div.prohibitedIcon#img_noBatteries {
    width: 140px;
    }

div.warning-message div.content {
    margin: 0 ;
    text-align: left;
    box-sizing: border-box;
}
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: auto;}

div#insurance-quote {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
    -khtml-border-radius: 20px;
}
a#calculateButton { float: right;}

div.payment-options {
    width: 59%;
    float: left;
    margin: 0 1% 0 0;    
}

div.section-container.cost-summary {
    width: 39%;
    float: right;
    margin: auto 0 30px 1%;    
}

div.section-container#divPayment,
div.section-container.loyalty-points {

    margin: auto 1% 30px 0;    
}
div.container-terms {
    clear: both;
    margin: auto 1%;    
}

table.cartLandTable td.txtBookNowQ { text-align: center; }
.cartDetailsText { font-size: 11px; }
    

/*div.container-terms,*/ div.package-summary, div.collection-options.sea-freight { width: 55%; margin-right: 5%; float: left; }

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


div.account-links ol {
    display: block;
    width: 98%;
    margin: 0 1%;
    clear: both;
}
div.account-links ol li {
    width: 29%;
    margin: 20px 2% 20px 2%;
    float: left;
    list-style-type: none;
    padding: 0px !important;
    }

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%; }

table.FormTable.freight div.hover {
    position: relative;
    top: -15px;
}

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%;
}
div.dpd-predict-map-container {
    display: block;
    max-width: 750px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
    div.dpd-predict-map-container div.dpd-predict-map {
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px; 
        -khtml-border-radius: 20px;
        background-color: transparent !important;
    }

div.rounded {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px; 
    -khtml-border-radius: 25px;
}
    div.rounded h1,
    div.rounded h2,
    div.rounded h3,
    div.rounded h4,
    div.rounded h5 {
        webkit-border-top-left-radius: 22px;
        -webkit-border-top-right-radius: 22px;
        -moz-border-radius-topleft: 22px;
        -moz-border-radius-topright: 22px;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
    }
    div.rounded iframe {
        webkit-border-bottom-left-radius: 22px;
        -webkit-border-bottom-right-radius: 22px;
        -moz-border-radius-bottomleft: 22px;
        -moz-border-radius-bottomright: 22px;
        border-bottom-left-radius: 22px;
        border-bottom-right-radius: 22px;
    }
div.max-1000,
section.max-1000 {
    width: 90%;
    margin: 0px auto;
    max-width: 1000px;
}    
div.max-900,
section.max-900 {
    width: 90%;
    margin: 0px auto;
    max-width: 900px;
}
div.max-800,
section.max-800 {
    width: 90%;
    margin: 0px auto;
    max-width: 800px;
}
div.max-700,
section.max-700 {
    width: 90%;
    margin: 0px auto;
    max-width: 700px;
}
div.max-600,
section.max-600 {
    width: 90%;
    margin: 0px auto;
    max-width: 600px;
}
div.max-550,
section.max-550 {
    width: 90%;
    margin: 0px auto;
    max-width: 550px;
}
div.max-500,
section.max-500 {
    width: 90%;
    margin: 0px auto;
    max-width: 800px;
}
div.max-400,
section.max-400 {
    width: 90%;
    margin: 0px auto;
    max-width: 400px;
}
table.rates td.description, table.rates th.description, table.summary td.description, table.summary th.description { text-align:left; }
table.rates td.price, table.rates th.price, table.summary td.price, table.summary th.price { text-align:right; }
table.rates td.flag img, table.summary td.flag img { width: 38px; height: 38px; }
table.rates td.logo img { width: 100px; height: auto; }
table.summary td.logo img { width: 70px; height: auto; }

table.rates th.uk,
table.rates td.europe,
table.rates td.worldwide,
td.trackable,
td.drop-off,
td.collection {
    width: 11%;
}


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: block;
    padding: 30px 0px 10px 30px;
    background-position: left 88%;
    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:" "
}
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: 60% !important;
    float: left !important;
    margin: 0 auto;
    box-sizing: border-box;
    }

div.no-printer 
{
    float: right;
    width: 40%;
    max-width: 350px;
   -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px; 
    -khtml-border-radius: 19px;
}
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;
}

table#tblServiceList.active {
    display: table;
    }

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.image-container.crate {
    float: right;
}
div.product-page div.description-container {
    float: left;
    width: 60%;
    }

div.product-page div.add-to-basket {
    float: right;
}
div.add-to-basket div.quantity {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px; 
        -khtml-border-radius: 8px;
    }
    div.add-to-basket div.image-container {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px; 
        -khtml-border-radius: 8px;
    }
div.two-product-col div.product-page {
    width: 48%;
    float: left;
}
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;    
    }

table.consignment-summary {
    float: left;
}


    div.notice-imports ul,
    div.notice-imports ul li {
        text-align: center;
    }

div.warning_icons {
    float: right;
}
div.dpd-predict-map ul li {
    width: 20%;
    }

div.jointQuoteFields.consignmentType span.left {
        width: 20% !important;
    }
div.jointQuoteFields.consignmentType span.right {
       width: 80%;
    }
div.jointQuoteFields.destinations span.left {
        width: 70% !important;
    }
div.jointQuoteFields.destinations span.right {
       width: 30%;
    }
div.basic-form table td.FormTableLabel {
    width: 30%;
}

/*
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;
}

li#language-switch a.option {
    
}
    li#language-switch a.option.active {
        display: block;
    }

div.payment-option-link {
    text-align: right;
}
div.right-column {
    display: block;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    float: right;
}
    div.right-column.w33 {
        width: 33%;
    }
div.form.quote.side {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -khtml-border-radius: 25px;
    box-sizing: border-box;
    border: 1px solid #bac9e5;
}
    div.form.quote.side div.countrySelect label {
        padding: 3px 0px;
        text-align: left !important;
        display: block !important;
        
    }
    div.form.quote.side div.countrySelect, 
    div.form.quote.side div.postcodeContainer {
        display: block !important;
        text-align: center !important;
        width: 90% !important;
        padding: 8px 0px 0px !important;
    }
    div.form.quote.side div.cell.items {
        width: 20% !important;
    }
    div.form.quote.side div.cell.type {
        width: 70% !important;
    }
    div.form.quote.side div.table.quote div.innerTable {
        display: block !important;
        width: 90% !important;
        float: none !important;
        clear: left !important;
    }
    div.form.quote.side div.copyDown {
        display: block !important;
        width: 90% !important;
        float: none !important;
        position: relative !important;
        right: 5% !important;
        left: 5%;
    }
.payment-button-container {
    float: right;
    top: -40px;
    padding: 0 !important;
}

div.cart_collection_section div.logo {
    float:right;
}
div.cart_collection_section.confirmed div.logo {
    float: none !important;
    margin-left: 0px;
}

div.cart_collection_summary p strong:after {
    content: " - ";
}


div.cart_collection_section { margin: 25px 0 40px; }
div.cart_orders_area p.bold { padding-top: 0px !important; }
div.cart_options_area { width: 60% !important; }
div.cart_orders_area div.button_row { text-align: right; }

div.cart_options_container,
div.cart_options_area,
div.cart_orders_area {
    display: block;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    float: left;
    position: relative;
}
div.cart_options_area {
    padding:  0 20px 0;
}
div.cart_orders_area {
    padding: 35px 20px 0;
}
div.offset_sellingpoints ul.air-freight-info {
    max-width: 1000px;
    margin: auto;
    position: absolute;
    top: -155px;
    z-index: 10;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}
div.offset_sellingpoints ul.air-freight-info li {
    position: relative;
    padding-top: 90px;
    text-align: center;
}
div.offset_sellingpoints ul.air-freight-info li:before {
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border: 3px solid #124c7f;
}

table.responsive.form_table td label {
    display: none;
    }

div.form.quote.airfreight div.simplesearch {
        top: 40px !Important;
    }
div.cart_vat_notice {
    margin-bottom:5px;
}
div.introsummary section {
    /*background-color: #fff;
    -webkit-box-shadow: 0 8px 6px -6px #5d728b;
    -moz-box-shadow: 0 8px 6px -6px #5d728b;
    box-shadow: 0 8px 6px -6px #5d728b;*/
}
div.introsummary section.content {
        width: 53%;
        /*-ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);*/
    }
    div.introsummary section.video {
        width: 40%;
        margin-left: 5%;
        /*-ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);*/

    }

@keyframes blinker {  
  50% { opacity: 0.5; }
}

div.promotional-code {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px; 
    -khtml-border-radius: 30px;
}
div.promotional-code input {
        width: 65%;
        float: left;
        -webkit-border-top-left-radius: 30px;
        -moz-border-radius-topleft: 30px;
        border-top-left-radius: 30px;
        -webkit-border-bottom-left-radius: 30px;
        -moz-border-radius-bottomleft: 30px;
        border-bottom-left-radius: 30px;
        -webkit-border-top-left-radius: 30px;
        -moz-border-radius-topleft: 30px;
        border-top-left-radius: 30px;
        -webkit-border-bottom-left-radius: 30px;
        -moz-border-radius-bottomleft: 30px;
        border-bottom-left-radius: 30px;
        }
div.promotional-code a {
        width: 35%;
        float: left;
        text-align: center;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px; 
        -khtml-border-radius: 30px;
        right: 3px;
    }


table.insuranceTable td.txtInsuranceQuote img { float: right;}
table.insuranceTable th.ItemDescription { width: 23%; text-align: left;}

div.proceed-container {
    text-align: right;
}

table.cart_processing tbody {
    max-height: 241px;
    }
table.cart_processing td.processingStatus,
table.cart_processing th.processingStatus {
    width: 68px;
    text-align: left;
}
div.cart_collection_section.confirmed div.logo img {
    width: 22%;
    margin: 0 2% 0 0;   
    }

table#BookingSummary td.txtManifest a.generating span,
table#BookingSummary td.txtDocuments a.generating span {
    display: none;
    width: 0px;
    font-size: 0;
}

span.checkbox_button.loyalty-points { float: right; }


    div.tiled-images ul li {
        width: 30%;
    }

div.popup-content.active .radio_preferences  {
    position: relative;
    /*right: 25px;
    top: 15px;*/
}
section.banner.gallery h1,
    section.banner.gallery h2,
    section.banner.gallery h3,
    section.banner.gallery h4,
    section.banner.gallery h5 {
        font-size: 3.8em !important;
    }


.tabbedInformation .information {
        border: 1px solid #bac9e5;
        /*-webkit-border-top-left-radius: 18px;*/
        -webkit-border-bottom-left-radius: 18px;
        -webkit-border-bottom-right-radius: 18px;
        /*-moz-border-radius-topleft: 18px;*/
        -moz-border-radius-bottomleft: 18px;
        -moz-border-radius-bottomright: 18px;
        /*border-top-left-radius: 18px;*/
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px;
    }
.tabbedInformation #sectionList {
        background-color: #fff;
        box-sizing: border-box;
        border: 1px solid #bac9e5;
        border-left: none;
        position: absolute;
        top: 0;
        margin: 0 !important;
        padding: 0 !important;
        
    }
    .tabbedInformation #sectionList {
        -webkit-border-bottom-right-radius: 18px;
        -moz-border-radius-bottomright: 18px;
        border-bottom-right-radius: 18px;
    }
    .tabbedInformation #sectionList,
    .tabbedInformation #sectionList li:first-of-type a {
        -webkit-border-top-right-radius: 18px;
        -moz-border-radius-topright: 18px;
        border-top-right-radius: 18px;
    }
    .tabbedInformation #sectionList li:last-of-type a {
        -webkit-border-bottom-right-radius: 18px;
        -moz-border-radius-bottomright: 18px;
        border-bottom-right-radius: 18px;
    }
        .tabbedInformation #sectionList.active {
            position: fixed;
            top: 0;
            border-top: none;
        }
        .tabbedInformation #sectionList li a.active {
            background-color: #296db3;
            color: #fff;
        }
        .tabbedInformation #sectionList li a.active:after {
            background-color: #296db3;
        }


@media screen and (min-width: 1500px) {
    #previous_commodity_codes {
        width: 42%;
    }
    .commodity_code_lookup {
        width: 52%;
    }
    .tabbedInformation #sectionList {
        right: 14%;
        width: 16%;
        transform: translate(-1px);
    }

    .tabbedInformation .information {
        width: 56%;
        margin: 0px 30% 0 14%;
    }

    .tabbedInformation .ContentPage_Content {
        padding: 0 40px !important;
    }
    .tabbedInformation #sectionList.active {
            position: fixed;
            top: 0;
            right: 14%;
        }
}
@media screen and (min-width: 1200px) and (max-width: 1499px) {
    #previous_commodity_codes {
        width: 42%;
    }
    .commodity_code_lookup {
        width: 52%;
    }
    .tabbedInformation #sectionList {
        right: 5%;
        width: 25%;
    }

    .tabbedInformation .information {
        width: 65%;
        margin: 0px 30% 0 5%;
    }

    .tabbedInformation .ContentPage_Content {
        padding: 0 20px !important;
    }
    .tabbedInformation #sectionList.active {
            position: fixed;
            top: 0;
            right: 5%;
        }
}
@media screen and  (max-width: 1199px) {

    div.api_consignment_details {
        width: 70%;
    }
        div.api_consignment_details ul li div.api_consignment_dimensions {
            width: 33%;
        }
        div.api_consignment_details ul ol {
            width: 60%;
        }
        div.api_consignment_details a.add_item {
            width: 64%;
        }

        .shopify_v2 div.api_consignment_details ul li div.api_consignment_dimensions {
            width: 100%;
        }

        .shopify_v2 div.api_consignment_details ul ol {
            width: 60%;
        }

        .shopify_v2 div.api_consignment_details a.add_item {
            width: 64%;
        }

    #previous_commodity_codes {
        width: 42%;
    }
    .commodity_code_lookup {
        width: 52%;
    }

    .tabbedInformation #sectionList {
        right: 2%;
        width: 24%;
    }

    .tabbedInformation .information {
        width: 72%;
        margin: 0px 26% 0 2%;
    }

    .tabbedInformation .ContentPage_Content {
        padding: 0 20px !important;
    }
    .tabbedInformation #sectionList.active {
            position: fixed;
            top: 0;
            right: 2%;
        }
}
@media screen and (min-width: 1151px) {

    .slider.left.active {
        right: 26% !important;
        width: 48%;

    }
}
@media screen and (max-width: 1150px) {
    div.form.quote h1,
    div.form.quote h2,
    div.form.quote h3 {
        text-align: center;
   
    }
    section.banner.media div.center-column.sixty,
    section.banner.blue div.center-column.sixty {
        width: 80% !important;
        margin: 0px 10% !important;
    }
    .slider.left.active {
        right: 15% !important;
        width: 70%;

    }
    .accreditations li {
        width: 13%;
        padding: 0 10px
    }

}
@media screen and (min-width: 1000px) {
    ul.panelled li:first-of-type,
    section.tiled-news div.rotation.news li:first-of-type {
        width: 50%;
    }
    ul.panelled li,
    section.tiled-news div.rotation.news li {
        width: 25%;
    }
    body.filtered_news .news_panel.ezine li {
        position: relative !important;
        height: 370px !important;
        left: initial !important;
        right: initial !important;
        top: initial !important;
    }
    ul.air-freight-info li {
        padding: 20px;
    }
    ul.air-freight-info li:before {
        float: left;
        left: -10px;
        top: -20px;
    }
    body.AccountSettings .services_menu li,
    body.services.tg-express .services_menu li.tg,
    body.services.tg-air-economy .services_menu li.tg,
    body.services.tg-euro-parcel .services_menu li.tg,
    body.services.tg-international .services_menu li.tg,
    body.services.tg-aus-economy .services_menu li.tg,
    body.services.dpd .services_menu li.dpd,
    body.services.ups .services_menu li.ups,
    body.services.usps .services_menu li.usps,
    body.services.tnt-express .services_menu li.tnt,
    body.services.dhl-express .services_menu li.dhl,
    body.insurance .services_menu li.free,
    body.insurance .services_menu li.standard,
    body.insurance .services_menu li.high-value,
    body.insurance .services_menu li.claims,
    body.claims-and-liability .services_menu li.free,
    body.claims-and-liability .services_menu li.standard,
    body.claims-and-liability .services_menu li.high-value,
    body.claims-and-liability .services_menu li.claims {
        display: inline-block;
    }
}
@media screen and (max-width: 999px) {

    ul.grid li {
        width: 49%;
    }
        ul.grid li.two_col {
            width: 98%;
        }
    ul.tiled_info.four li {
        width: 46%;
        margin: 1%;
        display: block;
        float: left;
        min-height: 400px;
        border-left: 1px solid #baccd6
    }
    ul.tiled_info li a span.moreinfo {
        z-index: 1;
    }
    section.tiled_info_container.active {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        background: rgba(255,255,255, 0.8);
        z-index: 999;
    }
        section.tiled_info_container.active:before {
            display: block;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            
        }
        section.tiled_info_container.active div.active {
            position: absolute;
            top: 10%;
            left: 10%;
            right: 10%;
            padding: 30px;
            background-color: #fff;
            border: 3px solid #296db3;
        }
            section.tiled_info_container.active div.active .close {
                background-color: #01619e;
                color: #fff !important;
                display: inline-block;
                padding: 10px 20px;
                font-size: 12px;
                -moz-border-radius: 20px !important;
                -webkit-border-radius: 20px !important;
                border-radius: 20px !important;
                -khtml-border-radius: 20px !important;
                margin-top: 50px;
            }
                section.tiled_info_container.active div.active .close:before {
                    content: "Close";
                    font-family: "Roboto";
                }
    div.api_consignment_details {
        width: 100%;
        padding-left: 0;
    }

    div.panelledArea.api_area.roboto h1 {
        padding-bottom: 0px !important;
    }

    ul.boxes li {
        width: 96%;
        display: block;
        margin-bottom: 50px;
    }
    ul.boxes.api li {
        display: inline-block;
    }
    body.services .services_menu li {
        display: none;
    }
    body.AccountSettings .services_menu li,
    body.services .services_menu li.menu,
    body.services.dpd .services_menu li.dpd,
    body.services.usps .services_menu li.usps,
    body.services.dpd .services_menu li.dpd.export,
    body.services.dpd.import .services_menu li.dpd.import,
    body.services.tnt-express.import .services_menu li.tnt.import,
    body.services.tnt-express .services_menu li.tnt.export,
    body.services.dhl-express .services_menu li.dhl.export,
    body.services.dhl-express.import .services_menu li.dhl.import,
    body.services.ups .services_menu li.ups.export,
    body.services.ups.import .services_menu li.ups.import,
    body.services.ups.access-point .services_menu li.ups.access,
    body.services.tg-express .services_menu li.tg.express,
    body.services.tg-air-economy .services_menu li.tg.air.economy,
    body.services.tg-euro-parcel .services_menu li.tg.euro.parcel,
    body.services.tg-international .services_menu li.tg.international,
    body.services.tg-aus-economy .services_menu li.tg.australasia,
    body.high-value .services_menu li.high-value {
        display: inline-block;

    }
    
    body.services.usps .services_menu li.menu,
    body.services.dpd .services_menu li.dpd.import,
    body.services.dpd.import .services_menu li.dpd.export,
    body.services.ups.import .services_menu li.ups.export,
    body.services.ups.access-point .services_menu li.ups.export,
    body.services.tnt-express.import .services_menu li.tnt.export {
        display: none;
    }
    .services_menu.active {
        position: fixed;
        display: block;
        z-index: 1000;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: none;
        background-color: #bac9e5;
        background-color: #296db3;
    }
        body.services.dpd .services_menu.active li.dpd,
        body.services.tnt-express .services_menu.active li.tnt,
        body.services.dhl-express .services_menu.active li.dhl,
        body.services.tg-express .services_menu.active li.tg,
        body.services.ups .services_menu.active li.ups,
        body.services.tg-air-economy .services_menu.active li.tg,
        body.services.tg-aus-economy .services_menu.active li.tg,
        body.services.tg-euro-parcel .services_menu.active li.tg,
        body.services.tg-international .services_menu.active li.tg {
            display: block !important;

        }
    .services_menu.active ul {
        position: absolute;
        top: 50%;
        right: 10%;
        left: 10%;
        width: 80%;
        transform: translateY(-50%);
    }
        .services_menu.active ul li a {
            background-color: transparent !Important;
            border: none !Important;
            text-align: center;
            padding: 2vh 0;
            font-size: 3vh;
            color: #fff;
        }
            .services_menu.active ul li a:after,
            .services_menu.active ul li a:before {
                background-color: transparent !important;
                border: none !important;
            }
        .services_menu.active ul li.menu {
            width: 40px;
            height: 40px;
            position: absolute;
            left: initial;
            right: 0;
            top: -50px;
            }
            .services_menu.active ul li.menu a {
                height: 40px;
            }
            .services_menu.active ul li.menu:after,
            .services_menu.active ul li.menu:before {
                display: block;
                content: "";
                position: absolute;
                height: 4px;
                width: 100%;
                background: #fff;
                border-radius: 9px;
                opacity: 1;
                left: 0;
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: .25s ease-in-out;
                -moz-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
            }
        .services_menu.active ul li.menu:after {
            top: 18px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }
        .services_menu.active ul li.menu:before {
            top: 18px;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }
    ul.air-freight-info li {
        text-align: center;
        padding: 10px 10px 40px;
    }
    ul.air-freight-info li:before {
        top: -20px;
    }

    ul.panelled li:first-of-type,
    section.tiled-news div.rotation.news li:first-of-type {
        width: 66.6%;
    }
    ul.panelled li,
    section.tiled-news div.rotation.news li {
        width: 33.3%;
    }
    table td div.radio_preferences.residential label.left { width: 60%; }
    table td div.radio_preferences.residential label.right { width: 40%;}
}
@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%;
    }
    div.NewsItem
     {
        width: 31%;
    }
}
@media screen and (max-width: 980px) {
    nav li.search_options {
        width: 100%;
        margin: 5px 0 8px;
    }
}
@media screen and (max-width: 900px) {
    #packingListUpload,
    #consignmentSummary {
        width: 98%;
        margin: 40px 1% auto;
    }
    .insurance_boxes li {
        width: 96%;
        display: block;
        margin-bottom: 50px;
    }
    div.icon-list.dangerous.small ul {
        clear: both;
    }
    div.icon-list.dangerous.small ul li {
        width: 11%;
    }
    div.NewsItem {
        width: 46%;
    }

    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 (max-width:1100px) {
    .customs_invoice_table.saved_pl table.standard thead {
        display: none;
    }
    .customs_invoice_table.saved_pl table.standard,
    .customs_invoice_table.saved_pl table thead,
    .customs_invoice_table.saved_pl table tbody,
    .customs_invoice_table.saved_pl table tfoot,
    .customs_invoice_table.saved_pl table tr,
    .customs_invoice_table.saved_pl table td,
    .customs_invoice_table.saved_pl table td span.data {
        display: block;
        width: 100%;
        position: relative;

    }
        .customs_invoice_table.saved_pl table td span.data,
        .customs_invoice_table.saved_pl table tfoot td div.hover_prompt,
        .customs_invoice_table.saved_pl table tbody td input,
        .customs_invoice_table.saved_pl table tbody td select {
            width: 50%;
            margin-left: 50%;
            box-sizing: border-box;
            text-align: left;
        }

        #packingListMainDetails .customs_invoice_table.saved_pl table.standard tfoot select 
        {
            width: 93% !important;
            box-sizing: border-box;
            max-width: 500px !important;
        }
        .customs_invoice_table.saved_pl table.standard td:before {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 45%;
            text-align: right;
            font-weight: 500;
            font-size: 13px;
        }
            .customs_invoice_table.saved_pl table.standard td.CommodityCode:before { content:"Commodity code:"; }
            .customs_invoice_table.saved_pl table.standard td.Description:before { content:"Description:"; }
            .customs_invoice_table.saved_pl table.standard td.CountryOfOrigin:before { content:"Country of orgin:"; }
            .customs_invoice_table.saved_pl table.standard td.NoUnits:before { content:"No. of units"; }
            .customs_invoice_table.saved_pl table.standard td.UnitWeight:before { content:"Unit weight:"; }
            .customs_invoice_table.saved_pl table.standard td.UnitValue:before { content:"Unit value:"; }

        .customs_invoice_table.saved_pl table.standard td:before {
            color: #253a48;
        }

}
@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: 865px) {

    div.center-column.sixty, div.center-column.fifty, div.center-column.forty {
        width: 90% !important;
        margin: 0px 5% !important;
    }

}
@media screen and (min-width:820px) {

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

    table td div.radio_preferences.residential label { 
        width: 50% !important;
        background-position: center 5px !important;
        padding: 30px 16px 16px !important;
        text-align: center !important;
        min-height: 80px !Important;

    }
}
@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:915px) {
    div#logo-static {
        width: 50%;
        }
        div.box.consignmentinfo {
            width: 43%;
            float: left;
        }
        .video_player.packinglist {
            float: left;
            width: 53%;
            margin: 40px 0 20px 2% !important;
        }
        div.notice-imports {
            /*float: right;
            width: 49%;*/
            margin-top: 40px;
        }
}
@media screen and (min-width:860px) and (max-width:914px) {
    div#logo-static {
        width: 44%;
    }

    div.box.consignmentinfo {
        width: 96%;
    }

    .video_player.packinglist {
        width: 96%;
        margin: 40px 2% 20px auto !important;
    }
}
@media screen and (max-width:914px) {
        div.notice-imports {
            float: none;
            width: auto;
            margin: 40px 2% 40px !important;
        }
}
@media screen and (max-width:859px) {
    div#logo-static {
        width: 38%;
        }
}
@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: 280px;
        -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;
        }
    
}
@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: 190px;
        -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;
        }

    #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:900px) {
    div.form.quote h1,
    div.form.quote h2,
    div.form.quote h3 {
        font-size: 2.3em;
    }
    div.cart_collection_section.confirmed {
        width: 31%;
    }
    li.boxes span.pricetag { right: 60px; }
}
@media screen and (max-width:899px) {
    div.form.quote h1,
    div.form.quote h2,
    div.form.quote h3 {
        font-size: 3.2vw;
    }
    div.cart_collection_section.confirmed {
        width: 48%;
    }
    div.radio_preferences.accesspoints {
        width: 100%;
        display: block;
        height: 80px;
        margin-bottom: 30px;
    }
        div.radio_preferences.accesspoints label {
            width: 50%;
            font-size: 1.3vw;
            white-space: nowrap !important
            }
}
@media screen and (min-width:865px) {
    section.banner.media div.form.quote div.jointQuoteFields.destinations,
    section.banner.blue div.form.quote div.jointQuoteFields.destinations {
        width: auto;
    }
    ul.loyalty-points li div.circle span.value { 
        padding-top: 23%; 
        font-size: 38px; 
    }
    ul.loyalty-points li {
        width: 21%;
        margin: auto 2%;

    }
}
@media screen and (max-width:864px) {
    ul.loyalty-points li div.circle span.value { 
        padding-top: 23%; 
        font-size: 38px; 
    }
    ul.loyalty-points li {
        width: 23%;
        margin: auto 1%;

    }
}
@media screen and (max-width:864px) {
    section.banner.media div.form.quote div.jointQuoteFields.destinations,
    section.banner.blue div.form.quote div.jointQuoteFields.destinations {
        width: 72%;
    }
}

@media screen and (min-width:600px) {
    table.insurance-calculator td {
    width: 50%;
    text-align: right;
    }
    table.insurance-calculator td.insuredvalue,
    table.insurance-calculator td.result {

        text-align: left;
    }
}
@media screen and (max-height: 600px) {
    
    div.blockUI.blockMsg {
        overflow: scroll !important;
    }
    div.dialog {
        transform: translate(-50%, -40%);
    }
}