@import url("ui-layout.css");
@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf) format('opentype'),
         url('../fonts/Roboto-Regular.eot') format('embedded-opentype'),
         url(../fonts/Roboto-Regular.svg) format('svg'); 
    }
@font-face {
    font-family: RobotoThin;
    src: url(../fonts/Roboto-Thin.ttf) format('truetype'),
         url(../fonts/Roboto-Thin.eot) format('embedded-opentype'),
         url(../fonts/Roboto-Thin.svg) format('svg'); 
         url(../fonts/Roboto-Thin.svg) format('svg'); 
    }
@font-face {
    font-family: RobotoBold;
    src: url(../fonts/Roboto-Bold.eot?) format('embedded-opentype'),
         url(../fonts/Roboto-Bold.ttf) format('truetype'),
         url(../fonts/Roboto-Bold.svg) format('svg');
    font-weight: bold;
    }
@font-face {
    font-family: RobotoCondensed;
    src: url(../fonts/Roboto-Condensed.ttf) format('truetype'),
         url(../fonts/Roboto-Condensed.eot) format('embedded-opentype'),
         url(../fonts/Roboto-Condensed.svg) format('svg');
    font-stretch: condensed;
    }
@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Regular.ttf) format('truetype');
    }
@font-face {
    font-family: LatoThin;
    src: url(../fonts/Lato-Thin.ttf) format('truetype');
}
@font-face {
    font-family: LatoBold;
    src: url(../fonts/Lato-Bold.ttf) format('truetype');
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.analytics-tracking {position:absolute; z-index: 100; visibility: hidden;}

/* RESETS GENERIC HTML ELEMENTS SO ALL BROWSERS START FROM SAME PLACE */
body,div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td,* { margin: 0;	padding: 0; }
fieldset,img {border: 0; }
address,caption,cite,code,dfn,em,var { font-style: normal; font-weight: normal;}
table { border-collapse: collapse; border-spacing: 0;}
caption,th { text-align: left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after {content:'';}
abbr,acronym {border: 0; font-variant: normal;}
/* TO PRESERVE LINE-HEIGHT AND SELECTOR APPEARANCE */
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
.valignbottom{vertical-align: bottom;}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight: inherit; }
input[type=text], select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none; 
    background-color: #fff;

}
select {background-image: url(../layout/bg-icon-input-select.png); background-repeat: no-repeat; background-position: right center; padding-right: 12px !important; }
select::-ms-expand { display: none; }
.unselected {display: none !important;}
legend {color: #000;}
input, select { outline: none; }
a img {border: none;}
.hidden, .field-validation-valid, div.switch { display: none;}
.center, .centerH1 h1 { text-align: center !important;}
.center form { text-align: left; }
.floatleft {float: left;}
.floatright {float: right !important;}
.left { text-align: left !important; }
th .hover.left { text-align: center !important; }
.right { text-align: right; }
.wrap {word-wrap: break-word;}
.note {font-size: 0.85em;}
div.footnote li, div.footnote li a, .note {display: block; clear: both; font-family:arial; padding: 3px 0px; color: #668dad; line-height: 1.6em;}
.note.searchnotes { color: #b2cced !important; text-align: left; padding: 3px 30px 0;}
.note b {font-size: 1em !important; color: #2c597e;}
.linebreak {clear: both;}
.margin-top { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-bottom { margin-bottom: 20px !important; }
.no-margin {margin: 0px !important;}
.no-padding {padding: 0px !important;}
.no-padding-top { padding-top: 0px !important; }
.padding-top.medium { padding-top: 40px !important; display: block; }
.padding-top.large { padding-top: 80px !important; display: block; }
.padding-bottom { padding-bottom: 30px !important; }
.padding-bottom.large { padding-bottom: 80px !important; }
.valign.top { vertical-align: top;}
hr.clear { width: auto; clear: both; background-color: transparent; border: none; margin: 0; height: 1px;}
.relative { position: relative !important; }
.bold{font-weight: bold;}
label.large { font-size: 14px; }
.subnote {
    font-size: 11px;
    color: #b8d5f3;
    margin-left: 3px;
}
#quotationTbl th .subnote {
    background-image: url(../layout/icon-question-mark-hover.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 19px;
    /*display: inline-block;*/
    position: relative;
}
    #quotationTbl th .subnote:before {
        content: "("
    }
    #quotationTbl th .subnote:after {
        content: ")";
            position: absolute;
            right: 0;
            transform: translateX(5px);
    }

.nobg {
    background-image: none !important;
}

.btn,
label,
button,
.button_white,
.button_blue {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
::-webkit-input-placeholder {
  font-size: 12px;
  font-family: "Roboto", Arial;
  color: #7794ab;
}
::-moz-placeholder {
  font-size: 12px;
  font-family: "Roboto", Arial;
  color: #7794ab;
}
:-ms-input-placeholder {
  font-size: 12px;
  font-family: "Roboto", Arial;
  color: #7794ab;
}
:-moz-placeholder {
  font-size: 12px;
  font-family: "Roboto", Arial;
  color: #7794ab;
}


.force-wrap {
    display: inline-block;
    width: auto; 
    word-break: break-word;
    word-wrap: break-word;
    text-overflow: ellipsis;
}
.force-wrap-cell {
    display:  table-cell;
    width: auto; 
    word-break: break-word;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

input[type=number] {
    -moz-appearance:textfield;
}

b.red,
span.red {
    color: #EC121B !important;
}

a.more,
tr.hide,
.moreinfo.survey,
.moreinfo.printer,
table.tape th.view,
table.tape td.view,
table.tapedispenser th.view,
table.tapedispenser td.view,
div.close .moreinfo,
div.blog-headlines p.date,
div.blog-headlines li div,
div.blog-headlines p.fbsubscribelink,
div.blog-headlines div#creditfooter,
div.blog-headlines p.feedTitle,
div.process div.enquiry-form,
div.process div.moreinfo,
div.service-information hr,
table.gsc-search-box td input[type="image"],
div.leave-review.enquiry-form {
    display: none;
}

main {
    color: #555;
    position: relative;
    /*z-index: 0;*/
}
div.add-to-basket label,
div.add-to-basket input,
div.badge-hover span.name,
div.heading_information div,
div.box table input[type=text],
div.box table select,
span.account-number,
.reference-notification,
div.filter-form li div label,
.reference-notification,
.accesspoint_quickselect_header,
table.options_table input[type=text],
div.content-slider.products.form li.crate p,
div.box section.form.section table td label,
div.content-slider.products div.product-description table#contentDescription label {
    color: #004a8a !important;
}
label a,
a:hover, 
a:active, 
a:focus, 
a.link,
div.jqistates a,
.map-container li h3,
div.introsummary p a,
.map-container li h3 a,
div.footnote li span.link,
div.liquids-restricted a,
div.batteries-restricted a,
div.service-summary ul li a,
ul.air-freight-info li a {
    color: #0185cd;
    }
div.spinner,
div.panelledArea,
div.spinner div,
ul.select-list li li {
    background-color: #f7fafc;
    margin: 0 auto !important;
}
    div.spinner div.processing {
        margin: 0 auto !important;
        padding: 50px 0 60px;
        z-index: 6000;
    }
    div.spinner:before {
        position: fixed;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 5000;
        background: rgba(255,255,255,0.8);
    }
        
div.box p,
div.box li,
ul.products li,
div.addressblock,
ul.products li p,
div.formatList li,
div.option-setting,
div.panelledarea.content,
div.accesspointdetails,
div.warehousedetails,
table.specification td,
div.quoteResults span.note,
div.cart_orders_area p.bold,
div.cart_collection_summary p,
.summary-services section div.moreinfo,
div.cart_orders_area span.orderSummary,
div.warning-message.declaration div.content,
div.warning-message.prohibited div.content,
div.collection_option_selection_area p.bold,
div.collection_option_selection_area span.bold,
div.cart_options_container div.option_row label {
    color: #42719a;
}

div.option-setting,
div.collection_option_selection_area,
.cart_orders_area .order_row {
		background-color: #E2E9F9;
	}

.list_alpha li:before,
.list_alpha span:before,
.list_alpha li:after,
.list_alpha span:after {
    background-color: #EEF3F7;
    color: #355681;
}

h1.impact,
h2.impact,
h3.impact,
h4.impact,
h5.impact,
.social h2 a,
.social h5 a,
div.impact h1,
div.impact h2,
div.impact h3,
div.impact h4,
div.impact h5,
div.carriers h1,
div.carriers h2,
div.carriers h3,
div.carriers h4,
div.carriers h5,
div.form_box label,
.summary-services section h1,
.summary-services section h2,
.summary-services section h3,
.summary-services section h4,
.summary-services section h5,
.summary-services section h1 a,
.summary-services section h2 a,
.summary-services section h3 a,
.summary-services section h4 a,
.summary-services section h5 a,
.summary-services section span.title,
div.social .headline,
div.content.noBoundry h1,
section#dangerousitems p,
.panelledArea.content h1,
.panelledArea.content h2,
.panelledArea.content h3,
.panelledArea.content h4,
.panelledArea.content h5,
div.service-summary ul li,
ul.iconSellingPoints.white strong,
.iconSellingPoints li a:hover span.button,
section.banner.blue div.inner-container a.button span,
section.banner.media div.inner-container a.button span {
    color: #065390 !important;
}
section.banner.blue div.inner-container button.button span,
section.banner.media div.inner-container button.button span {
    color: #065390 !important;
}
.roboto p {
    color: #02548F !important;
}
    .roboto .news_panel.careers p {
        color: #fff !important;
    }
.black,
.panelledArea.content h3.black {
    color: black !important;
}
#pending_orders .status_processing {
    color: #d3a900;
}
#pending_orders .status_pending, #pending_orders .status_Pending { color: #d35400 !important; }
#pending_orders .status_processing, #pending_orders .status_Processing  { color: #cba200 !important; }
#pending_orders .status_complete, #pending_orders .status_Complete { color: #3dc800 !important; }

p.notice,
td.tbl_option,
.benefits li span,
td.tbl_option label,
ul.address_list li,
.table-list li a,
.video_player p,
div.important_information,
div.content-slider.products ul li li,
div.content-slider.products div.product-description p {
    color: #668dad !Important;
}
.button_red {
    color: #fff !important;
    background-color: #ac0000;
    border: 2px solid #ac0000;
}
    .button_red.outline {
        background-color: #fff;
        color: #c8040c !important;
        border: 1px solid #c8040c !important;
    }
    .button_red.delete {
        background-image: url(../layout/cart/icon_delete_blue.png);
        background-repeat: no-repeat;
        background-position: 6px center;
        padding-left: 30px !important;
    }
button,
.button_blue,
a.button_add,
a.small_button,
a.button_delete {
    color: #fff !important;
    background-color: #386eb1;
    border: 2px solid #386eb1;
}
    .button_blue.upload {
        background-image: url(../layout/cart/icon_upload.png);
        background-size: 30px auto;
        background-repeat: no-repeat;
        background-position: 99% center;
        padding-right: 38px !important;
    }
    .button_blue.xxsmall,
    .button_white.xxsmall {
        font-size: 12px !important;
        padding: 4px 25px !important;
        min-width: 50px;
        background-repeat: no-repeat;
        background-position: 90% center;
        background-size: 20px;
        background-size: 20px;
    }
    .button_blue.xxxsmall,
    .button_white.xxxsmall {
        font-size: 11px !important;
        padding: 4px 20px !important;
        min-width: 50px;
        background-repeat: no-repeat;
        background-position: 90% center;
        background-size: 20px;
        background-size: 20px;
    }
        h3 .button_blue.xxsmall,
        h3 .button_white.xxsmall,
        h3 .button_blue.xxxsmall,
        h3 .button_white.xxxsmall {
            font-weight: normal;

        }
        .button_blue.xxsmall.edit,
        .button_blue.xxxsmall.edit {
            background-image: url(../layout/btn-icon-edit.png);
            padding-right: 30px !important;
        }
        .button_white.xxsmall.edit { background-image: url(../layout/btn-icon-edit-blue.png); padding-right: 30px !important; }

.button_white {
    background-color: #fff;
    border: 2px solid #386eb1 !important;
}
.button_white {
    color: #386eb1 !important;
}

input.grey,
div.box table select,
div.checkbox_container,
div.box table input[type=text],
div.box table input[type=password],
table.options_table input[type=text] {
    border: 1px solid #bac9e5 !important;
    background-color: #e2eaf9 !important;
}
    div.box table input[type=text].disabled {
        background-color: #fff !important;
        border: none !important;

    }

div.tool-help p a,
span.note.link a,
.roboto p a,
.panelledArea.order_confirmed a,
div.container.labelSettings ul li label,
tr.restricted span.notification a.link {
    color: #0185cd !important;
}
.roboto p a.button_light_blue {
    color: #fff !important;
}
div.panelledArea,
div.shopping-cart,
div.containerbreadcrumb.shop,
div.container-myAccount,
div.banner.corporate,
div.shop-footer,
div.banner,
div.social,
div.search,
ul#CountryList li:nth-of-type(even),
a.button.light-grey,
section.info.intro,
div.carriers,
div.titleheader,
div#viewfooterlinks,
ul.quote-tools li a,
.table-list li:nth-of-type(odd),
table.countrysummary tbody tr:nth-of-type(even) {
    background-color: #f6f9fc;
}
    div.social.white,
    div.carriers.white {
        background-color: #fff;
    }
div#viewfooterlinks span,
div.shop-navigation ul li a {
    color: #f6f9fc;
    }

.span-button,
input.button.light-blue,
div.NewsItemOverview.article,
div.advert-quote ul span.button
  {
    background-color: #498bd0 !important;
}
div.formGroup,
div.form.quote.side,
div.dimsTable div.row div.column:nth-child(even) {
    background-color: #eff3fa;
}
    div.box div.formGroup,
    div.form.generic .quoteform div.column:nth-child(even) {
        background-color: transparent !important;
    }
section.banner.media div.formGroup,
section.banner.blue div.formGroup,
section.banner.blue div.dimsTable div.row div.column:nth-child(even),
section.banner.media div.dimsTable div.row div.column:nth-child(even) {
    background-color: transparent !important;
}
    section.banner.media div.formGroup input,
    section.banner.blue div.formGroup input {
        border-color: transparent !important;
    }
div.formGroup table.standard {
    margin-top: 10px !important;
}
    div.formGroup table.standard tr:nth-child(even) {
        background-color: transparent !important;
    }
div.formGroup p {
    padding: 10px 10px !important;
}
div.formGroup table.standard input {
    display: block;
    border: 1px solid #bac9e5;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
}
label.disable {
    color: #dcddde !important;
}
span.closePopUp,
div.blockUI.blockMsg div.Options {
    background-color: #f4f4f4;
}

b,
dt,
h1, h2, h3, h4 ,h5,
div.itemContainer a,
div.container-advertisement li a,
div.container-advertisement h3 a,
div.container-advertisement h4 a,
ul.services-list li div.description ul li,
a.btn.white, button.btn.white, span.btn.white,
section.shoparea table.products tr td:first-of-type,
ul.services-list li div.description strong,
div.banner.information li a span.content,
table.responsive.rates td.description a,
table.responsive.summary td.description a,
div#insuranceQuote span.insuranceTerms,
div.opening-hours h4 span,
div.opening-hours span b,
div.banner.information,
div.search h4,
ol.bullet.blue li,
ul.bullet.blue li,
a.circle span.button,
div.accordion h5.title,
div.accordion h4.title,
div.accordion h1.title,
div.accordion h3.title,
div.accordion h2.title,
div.rotation.orders li b,
div.rotation.orders h4,
div.rotation.orders h3,
div.rotation.news h3,
div.rotation.news h4,
div.titleheader h1,
div.titleheader h2,
div.titleheader h3,
a.noprinter,
span.noprinter,
p.footnote b,
span.price,
ul.checklist li,
div.shopping-cart p,
ul.advertisements h2,
ul.quote-tools li.sort,
ul.advertisements h2 a,
div.add-to-basket button,
a.button.light-grey span,
section.banner ul.bullet li,
div.collection-options label,
.reference-notification strong,
div.no-printer span.phonenumber,
div.moredetail span.title strong,
div.jqistates span.ConfirmationTitle,
table#BookingSummary td.txtReference a,
div.container-myAccount ol li a span,
div.container-myAccount ol li span,
div.banner.information li,
div.banner.information a,
.table-list li a b
 {
    
}
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, #EditorialContent .editorial_popup.active h3, #EditorialContent .editorial_popup.active h2, #EditorialContent .editorial_popup.active h4, #EditorialContent .editorial_popup.active h5, #EditorialContent .editorial_popup.active h6 {
    display: block;
    width: 95%;
    margin: auto;
    max-width: 100%;
}
div.NewsItemInnerContent {
    color: #444;
    }

h1.heading,
h2.heading,
h3.heading,
h4.heading,
h5.heading,
.roboto h1,
.roboto h2,
.roboto h3,
.roboto h4,
.roboto h5,
ul.products h1,
ul.products h2,
ul.products h3,
ul.products h4,
ul.products h5,
ul.products h1 a,
ul.products h2 a,
ul.products h3 a,
ul.products h4 a,
ul.products h5 a,
div.information_page h1,
div.paragraph,
p.instructions,
span.price strong,
div.containerPaging,
table.quote.form td,
div.dpd-predict-map ul li,
div.filterForm ul li label,
div.account-links ol li a,
div.important-notice div b,
div.InnerWindow_Page h2,
div.InnerWindow_Page h3,
div.InnerWindow_Page h4,
div.InnerWindow_Page h5,
table.collectionCutOffTable td,
div#divPostcodesRequiredContent label,
div.cart_collection_section.confirmed p span.bold  {
  
    }
ul#progress li,
div.important-notice div,
div.remote-results div.remote-info span {
    color: #6d84ae;
    }
div.slider,
div.slider div.trigger,
div.slider .video_player,
div.map-container,
div.content.noBoundry h1,
div.dpd-predict-map,
div#insuranceQuote,
div.form-container,
div#stepWrapper,
.bg.light-grey,
div.rotation.price,
div.containerPaging,
div.leave-review,
div.promotional-code {
    display: block;
    background-color: #d3dff5 !important;
    }
div.content.noBoundry h1 {
    text-align: center;
}
section.tracker {
    background-color: #f6f9fc;
}
    section.tracker form {
        background-color: #d7e3ef;
    }
        .uspsTrackItem,
        section.tracker form label {
            color: #546a80;
        }
    section.tracker a.button {
        background-color: #065390;
        font-size: 1.2em;
        margin: 8px 0;
    }
div#insuranceQuote p span i {
    color: #e2eaf9;
    }

tr.grey,
table.standard tr.odd,
div.container-agree-terms,
div.carrier-info-container,
table.basic tr:nth-child(even),
table.standard tr:nth-child(even),
div.table.structure div.row:nth-child(even),
table.collectionCutOffTable tr:nth-child(even) {
	background-color: #e2eaf9 !important;
	}
    table.standard.packinglist tr:nth-child(even) {
        background-color: transparent !important;
    }

div.sectioned table.standard tr:nth-child(odd) {
    background-color: #f6f9fc !important;
}
a.circle:hover,
a.circle:focus,
a.circle:active,
.button.red,
.back-to-top:hover,
.back-to-top:focus,
.back-to-top:focus,
a.button.more.active,
a.button.light-grey:hover,
a.button.light-grey:active,
a.button.light-grey:focus,
a.button.light-blue:hover,
a.button.light-blue:active,
a.button.light-blue:focus,
input.button.light-blue:hover,
input.button.light-blue:active,
input.button.light-blue:focus,
div.services section a.button:hover,
div.services section a.button:active,
div.services section a.button:focus,
div.process a.button:hover,
div.process a.button:active,
div.process a.button:focus,
div.button.chat a:hover,
div.button.chat a:active,
div.button.chat a:focus,
section.blue a.button:hover,
section.blue a.button:active,
section.blue a.button:focus,
ul.quote-tools li a.banner span.info:after,
section.enquiry-form form a.button:hover,
section.enquiry-form form a.button:active,
section.enquiry-form form a.button:focus,
form.directions input.button:hover,
form.directions input.button:active,
form.directions input.button:focus {
    background-color: #EC121B;
    }
a.button.quote:hover,
a.button.quote:active,
a.button.quote:focus {
    background-color: #36b100;
}
a.button.quote.dhl {
    background-color: #d70a13;
    border: 3px solid #d70a13;
}
a.button.quote.dhl:hover,
a.button.quote.dhl:active,
a.button.quote.dhl:focus {
    background-color: #ffe001;
    border: 3px solid #d70a13;
}
    a.button.quote.dhl:hover span,
    a.button.quote.dhl:active span,
    a.button.quote.dhl:focus span {
        color: #d70a13 !important;
    }
a.button.quote.usps {
    background-color: #fff;
    border: 3px solid #fff;
}

a.button.quote.usps span,
div.shoparea h2 a,
div.shoparea h3 a,
div.shoparea h4 a,
div.shoparea h5 a,
div.shoparea a h2,
div.shoparea a h3,
div.shoparea a h4,
div.shoparea a h5,
.benefits li strong,
ul.address_list li strong,
.summary-services section span.title {
    color: #01619e !important;
}
a.button.quote.usps:hover,
a.button.quote.usps:active,
a.button.quote.usps:focus {
    background-color: transparent;
    border: 3px solid #fff;
}
    a.button.quote.usps:hover span,
    a.button.quote.usps:active span,
    a.button.quote.usps:focus span {
        color: #fff !important;
    }
a.button.quote.dpd {
    background-color: #fff;
    border: 2px solid #fff;
}

 a.button.quote.dpd:hover,
a.button.quote.dpd:active,
a.button.quote.dpd:focus {
    background-color: transparent !important;
    border: 2px solid #fff;
}
a.button.quote.dpd span {
    color: #c60036 !important;
}
    a.button.quote.dpd:hover span,
    a.button.quote.dpd:active span,
    a.button.quote.dpd:focus span {
        color: #fff !important;
    }
a.button.quote.tnt {
    background-color: #fff;
    border: 3px solid #fff;
}
    a.button.quote.tnt span {
        color: #ff6600 !important;
    }
a.button.quote.tnt:hover,
a.button.quote.tnt:active,
a.button.quote.tnt:focus {
    background-color: #ff6600;
    border: 3px solid #fff;
}
a.button.quote.tnt:hover span,
a.button.quote.tnt:active span,
a.button.quote.tnt:focus span {
    color: #fff !important;
}
a.button.quote.ups {
    background-color: #ffb500 ;
    border: 3px solid #ffb500 ;
    }
a.button.quote.ups span {
        color: #3c1903 !important;
    }
a.button.quote.ups:hover,
a.button.quote.ups:active,
a.button.quote.ups:focus {
    background-color: #3c1903;
    border: 3px solid #ffb500;
}
a.button.quote.ups:hover span,
a.button.quote.ups:active span,
a.button.quote.ups:focus span {
    color: #ffb500 !important;
}
a.selected,
div.form_box,
a.quick_select,
div.admin-area,
div.address_lookup,
.video-banner {
    border: 1px solid #a8b9d8;
    background-color: #e2eaf9
}
.form_manager .contents_declaration table.form_data_table tbody tr:last-of-type td {
    background-color: #eef3f6;
}
.form_manager .contents_declaration #search_commodity #SavedCommodityCodes tbody tr .button_add_to,
.form_manager .contents_declaration #search_commodity #SavedCommodityCodes tbody tr.selected .delete {
    display: inline-block;
}
    /*.form_manager .contents_declaration #search_commodity #SavedCommodityCodes tbody tr .delete,
    .form_manager .contents_declaration #search_commodity #SavedCommodityCodes tbody tr.selected .button_add_to {
        display: none;
    }*/
div.notification.alert {
    background-color: #c4000e;
}
div.notification.success {
    background-color: #36b100;
}
ul li#contact-callUs,
ul li#contact-liveChat a,
ul li#contact-callUs a,
ul li#contact-callUs a:hover,
ul li#contact-callUs a:active,
ul li#contact-callUs a:focus,
div.rotation.news li a:active:after,
div.rotation.news li a:hover:after,
div.rotation.news li a:focus:after,
a.circle:hover span.button,
a.circle:active span.button,
a.circle:focus span.button {
    color: #EC121B !important;
}
.button.green {
    background-color: #36b100;
    }

div.access-point-postcode-selection label,
p strong,
label.label,
ul.panelled li h1,
ul.panelled li h2,
ul.panelled li h3,
ul.panelled li h4,
ul.panelled li h5,
ul.bullet strong,
div.form-container label,
td.destinationCountry,
td.destinationCountry div,
div.form.section label,
section.form.section label,
a.button.copydown,
div.controls input,
div.box table td label,
div.make-payment table td,
div.copyDown a.btn.link,
form.currency-calculator label,
div.make-payment label,
div.rotation.news li a,
div.table.addressDetails label,
table.bulkDownloadOptions tr td.label,
table.insurance-calculator td.result,
table.insurance-calculator span.currency,
table.insurance-calculator td.result strong,
div.form.quote table#contentDescription label,
.panelledArea div.radio_options_container table td label,
div.form.quote div.courier div.countrySelect label,
table.options_table td.FormTableLabel label,
div.advert-quote ul span.content {
    color: #115fb2;
}
b.label,
.map li h3 a,
div.form.quote h1,
div.form.quote h2,
div.form.quote h3,
div.form.quote h4,
div.form.quote h5,
div.radio_preferences h3,
div.radio_preferences h4,
div.radio_preferences h5,
table.insurance-calculator td.label,
section.form.section span.RepeaterNoItems,
#nestedAccordion.floatedList div ul.icons li strong {
    color: #115fb2 !important;
}

p.standard {
    font-family: "Roboto";
        color: #054f95;
}
    p.standard.large {
        font-size: 16px !Important;
    }
/*section.banner.dhl {
    background-color: #ffe001;
}
section.banner.dpd {
    background-color: #c60036;
}*/
section.banner.christmas {
    background-color: #c60d0c;
    background-image: url(../backgrounds/christmas-snow-presents.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
section.banner.ups {
    background-color: #3c1903;
}
section.banner.tnt {
    /*background-color: #ff6600;*/
    background-color: #d7e3ef;
}
span.pricetag,
 section.banner.usps {
    background-color: #01619e;
}
.box.advert.dg-parcel a.button_blue,
section.banner.dangerous a.button {
        background-color: #22282c !important;
        border: none !important;
}
section.banner.dangerous {
    background-color: rgba(237, 134, 0, 1);
    background-image: url(../layout/chevron_white.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    padding-bottom: 20px;
}
div.box p.help {
    display: inline-block !important;
    width: auto;
    padding-left: 30px;
    background-image: url(../layout/help_icon.png);
    background-position: left center;
    background-repeat: no-repeat;
}
    div.box p.help strong {
        color: #037ab8 !important;
    }
.box.advert.dangerous div.white {
    background-color: #fff;
    background-image: url(../layout/chevron_yellow.png);
    background-repeat: repeat-x;
    background-position: top center;
    padding: 20px 0 20px;
    margin: 0;
    display: block;
    width: auto;
    -webkit-border-bottom-left-radius: 24px;
    -webkit-border-bottom-right-radius: 24px;
    -moz-border-radius-bottomleft: 24px;
    -moz-border-radius-bottomright: 24px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    text-align: center;
}
    .box.advert.dg-parcel h1,
    .box.advert.dg-parcel h2,
    .box.advert.dg-parcel h3,
    .box.advert.dg-parcel h4,
    .box.advert.dg-parcel h5,
    section.banner.dangerous h2,
    section.banner.dangerous h3,
    section.banner.dangerous h4,
    section.banner.dangerous h5 {
       color: #000 !important;
    }
    section.banner.dangerous a.button {
        background-color: #22282c;
        color: #fff;
        -moz-border-radius: 50px !important;
        -webkit-border-radius: 50px !important;
        border-radius: 50px !important; 
        -khtml-border-radius: 50px !important;
        padding: 14px 30px !important;
        display: inline-block;
        font-size: 18px;
        margin: 10px 0;
        letter-spacing: 1px;
    }
        section.banner.dangerous a.button:hover,
        section.banner.dangerous a.button:focus {
            opacity: 0.95;
            filter: alpha(opacity=95);
        }

 a.btn.blue.dark,
 a.button.dark-blue,
 section.banner.courier,
 div.account-links ol li span.icon {
    background-color: #065390 !important;
}
    div.popup-status.success,
    div.account-links ol li.active span.icon,
    div.account-links ol li a:hover span.icon {
        background-color: #1bbd00 !important;
    }
    div.account-links ol li.active a {
        cursor: help !important;
    }
div.account-links ol li.active i {
    color: #1bbd00 !important;
}

section.banner.blue h2,
section.banner.blue h3,
section.banner.media h2,
section.banner.media h3,
section.banner.blue label,
section.banner.media label,
div.advert-quote ul span.button {
 
    color: #fff !important;
}
section.banner.media.magento h3,
section.banner.media.shiptheory h3 {
    color: #fff !important;
}
section.banner.media.transglobal_api h3 {
    color: #01619e !important;
}
section.banner.media.shopify h3 {
    color: #000 !important;
}
section.banner.blue a.circle {
    border: 3px #fff solid !important;
    background-color: transparent !important;
}
section.banner.blue a.circle,
section.banner.blue a.circle b {
    color: #fff !important;
}
    section.banner.blue a.circle b {
        background-image:url(../layout/icon-videoplayer.png) !important;
    }
section.banner.blue input,
section.banner.media input {
    border: 1px solid #2a65b4 !important;
}
    section.banner.blue input:focus,
    section.banner.media input:focus,
    section.banner.blue input:active,
    section.banner.media input:active,
    section.banner.blue input:focus,
    section.banner.media input:focus {
        outline: none;
        transition: background-color 5000s ease-in-out 0s;
        -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    }
input:-internal-autofill-selected {
    background-color: transparent !important;
}
section .banner.media h2.quote_title, section.banner.media.tracking h1 {
    font-family: "Lato" !important;
    font-weight: 900 !important;
    letter-spacing: -2px;
    text-shadow: 2px 2px #08427e;
}
section.banner.media h2.quote_title {
    text-align: center;
    text-shadow: 2px 2px #000;
}
section.banner.media.tracking input {
    padding: 10px;
    margin: 10px 5%;
    width: 90%;
    font-size: 18px;
    text-align: center;
    max-width: 450px;
    -moz-border-radius: 9px !important;
    -webkit-border-radius: 9px !important;
    border-radius: 9px !important;
    -khtml-border-radius: 9px !important;
    box-shadow: 0px 0px 6px #000;
    box-sizing: border-box;
}
section.banner.media p {
    color: #fff;
    text-shadow: 1px 1px #000;
    display: block;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
}
section.banner.media div.form.quote.split .form_content p.enlarge {
    font-size: 22px;
    letter-spacing: 0 !important;
    padding-bottom: 15px !important;
}
section.banner.media a {
    color: #fff !important;
    text-shadow: 1px 1px #000;
}
section.banner.media a.button.quote span {
    text-shadow: 1px 1px #fff;
}


a.circle,
tr.footer,
.back-to-top,
ul.quote-tools li a,
div.notification,
a.button.quote,
input.button.quote,
ul.services-list li div.title,
div.services section a.button,
div.process a.button,
section.blue a.button,
div.button.chat a,
div.services a.button,
button.button.dark-blue,
/*div.shoppingBasket a.checkout,*/
section.enquiry-form form a.button,
form.directions input.button,
div.content-slider ul li span.button,
a.button.copydown, a.button.copyabove,
a.btn.form, button.btn.form, span.btn.form,
a.button.form,
a.tool-button,
button.tool-button,
div.tariff-search form button,
div.tariff-search form input[type=button],
div.banner.information li a span.button  {
    background-color: #0f4c8a;
    }

div.blockUI.blockMsg div.Options a:hover {
    background: #115fb2 !important;
    }

.box.advert.dg-parcel,
section.banner.dangerous {
    background-color: rgba(237, 134, 0, 1) !important;
}

section.shoparea.gradient,
div.shoppingBasket a.checkout,
div.section.gradient,
div.content,
section.banner.gradient,
div.titleheader.gradient {
    background-color: #f6f9fc;
    background: -webkit-linear-gradient(top, #f6f9fc 0%, #fff 100%) !important;
	background: -linear-gradient(top, #f6f9fc 0%, #fff 100%) !important;
	background: -moz-linear-gradient(top, #f6f9fc 0%, #fff 100%) !important;
}
div.panelledArea.shoparea {
    background: #fff;
    padding-bottom: 0 !important;
}
div.blockUI.blockMsg div.Options a {
    background-color: #065390;
    color: #fff !important;
}

div.banner.information.gradient,
a.banner.information.gradient {
    background-color: #eaf0fb;
    background: -webkit-linear-gradient(top, #f6f9fc 0%, #eaf0fb 100%);
	background: -linear-gradient(top, #f6f9fc 0%, #eaf0fb 100%);
	background: -moz-linear-gradient(top, #f6f9fc 0%, #eaf0fb 100%);
}

div.consignmentDetails.container {
    background-color: #eaf0fb;
}
a.button.copydown:focus, 
a.button.copyabove:focus,
a.button.copydown:active, 
a.button.copyabove:active,
a.button.copydown:hover, 
a.button.copyabove:hover
.btn.form:hover,
.btn.form:active,
.btn.form:focus {
    text-decoration: none;
}

div.InnerWindow_Page  a.nopopup { display: none !important; }
div.contentarea a.popuponly { display: none !important; }

/* CUSTOM FONTS */

div.thin {
    font-family: "RobotoThin", Arial !important;
    font-weight: normal !important;
    letter-spacing: 1px;
}

h1, h2, h3, h4 ,h5,
a.button,
a.button.quote,
div.search h4,
div.opening-hours h4 span,
div.carriers a.button,
div.button.chat a,
span.slide-tracking,
span.slide-terms,
.numbercount strong,
div.sub-menu span.expand,
footer div.section ul li.list-title a,
footer div.section span.list-title,
footer div.contact-us ul li a,
footer div.social-links span,
div.categories section h2, 
div.categories section h3,
div.services section h2 a, 
div.services section h3 a,
div.process h3.title,
div.process h4.title,
div.process a.expand,
div.process a.expandall,
section.enquiry-form h3,
div.process div.section.email a,
form.directions input.button,
section.enquiry-form form a.button,
div.rotation.price li a,
.back-to-top,
a.circle b,
input.button.quote,
ul.tabbed-panels li b,
div.accordion h5.title,
div.accordion h4.title,
div.accordion h1.title,
div.accordion h3.title,
div.accordion h2.title,
div.rotation.orders h4,
div.rotation.orders h3,
div.rotation.news h3, 
div.rotation.news h4,
div.titleheader h1,
div.titleheader h2,
div.titleheader h3,
section.info h1,
section.info h2,
section.info h3,
section.info h4,
section.info h5,
a.noprinter,
a.btn.blue,
a.btnBlue,
a.actionlink, 
button.btn.blue, 
span.btn.blue,
span.noprinter,
div.infoBox h1,
div.infoBox h2,
div.infoBox h3,
div.infoBox h4,
div.infoBox h5,
span.productPrice,
span.productPrice b,
div.categories h1,
a.circle span.button,
div.categories li a i,
div.services h1.title,
div.services h2.title,
div#viewfooterlinks span,
ul li#contact-liveChat a,
div.rotation.orders li,
ul li#contact-callUs,
ul.advertisements h2,
a.button.back,
a.tool-button,
button.tool-button,
ul.share-links li a,
section.banner.dhl h1,
section.banner.ups h1,
section.banner.tnt h1,
section.banner.dpd h1,
section.banner.courier h1,
section.banner.usps h1,
section.banner.dhl h3,
section.banner.ups h3,
section.banner.tnt h3,
section.banner.dpd h3,
section.banner.usps h3,
section.banner.courier h3,
ul.advertisements h2 a,
div.shopping-cart strong,
a.viewcart span.count,
a.viewcart span.count span,
div.tariff-search form label,
ul.services-list li div.title ul li,
ul.services-list li div.description ul,
div.container.labelSettings ul li label span,
.iconSellingPoints li a span.button,
div.LoginContainer div.row label,
footer div.contact-us ul li.call,
label.hover span.notification b,
a.hover span.notification b,
div.opening-hours span.hours,
div.hover span.notification b,
div.content-slider ul li span.button,
div.advert-quote ul span.content { 
    /*font-family: "RobotoCondensed", Arial !important;*/
    font-family: "Roboto", Arial !important;
    font-weight: normal !important;
    }
a.hover,
.helper,
p.notice,
.roboto p,
h1.impact,
h2.impact,
h3.impact,
h4.impact,
h5.impact,
div.map h1,
div.map h2,
div.map h3,
div.map h4,
div.map h5,
h1.headline,
h2.headline,
h3.headline,
h4.headline,
h5.headline,
.moredetail,
a.selected,
div.options,
span.pricetag,
span.pricetag b,
div.popup-editor,
ul.select-list,
.small_button,
div.hover.text,
a.quick_select,
ul.panelled h1,
ul.panelled h2,
ul.panelled h3,
ul.panelled h4,
ul.panelled h5,
table caption,
div.impact h1,
div.impact h2,
div.impact h3,
div.impact h4,
div.impact h5,
span.summary,
ol.bullet li,
ul.bullet li,
div.jqistates,
.table-list li b,
td.uk b:before,
#cartProcessing,
div.column label,
div.panelledArea,
span.notificaton,
table.standard th,
td.europe b:before,
td.worldwide b:before,
td.tracked b:before,
td.trackable b:before,
td.drop-off b:before,
td.collection b:before,
div.form_box label,
section.banner h1, 
section.banner h2, 
section.banner h3,
div.categories li a,
div.infoBox li a,
div.accordion h3,
p.sectionIntro b,
div.filterList h3,
div.filterList h4,
div.filterList h5,
div.no-printer h4,
table.split tr th,
div#popup-content,
div.formGroup label,
.button.light-blue b,
div.sub-menu ol li a,
div.sub-menu ol li strong.heading,
div.code-container h1,
div.code-container h2,
div.code-container h3,
div.code-container h4,
div.code-container h5,
div.content-slider ul,
div.rotation.news li a,
ul.advertisements li li,
div.input-options label,
ul li#contact-callUs span,
div.contentarea.news p,
div.box table td label,
div.alert-notification,
div.container-terms label,
ul.panelled div.NewsSummary,
div.banner.information ul li, 
a.banner.information ul li,
.iconSellingPoints strong,
div.opening-hours h4 span,
div.radio_preferences h3,
div.radio_preferences h4,
div.radio_preferences h5,
td.destinationCountry div,
div.form.section label,
.news_headlines li p,
ul.flow-chart,
ul.flow-chart b,
.tiled-panels li,
section.blue .heading,
div.announcement,
div.tiled-images,
ul.products h1,
ul.products h2,
ul.products h3,
ul.products h4,
ul.products h5,
ul.products h1 a,
ul.products h2 a,
ul.products h3 a,
ul.products h4 a,
ul.products h5 a,
ul.address_list li,
table.specification td,
section.form.section label,
div.opening-hours span.hours,
table.standard td.packageCount,
table.standard td.serviceName a,
div.sub-menu span.accountuser,
div.genericQuoteContent p,
div.no-printer span.message,
div.cart_collection_section,
section.blue .heading span,
div.heading_information div b,
.accesspoint_quickselect_header,
div.no-printer span.phonenumber,
ul.panelled div.NewsSummary a.link,
div.accordion-container.fullwidth div,
div#insurance-quote div#termsDiv label,
div#insurance-quote div#termsBusinessDiv label,
table.collectionCutOffTable td.service,
div.radio_preferences.accesspoints label,
div.banner.information li a span.content,
ul.loyalty-points li div.circle span.label,
table.options_table td.FormTableLabel label,
div.shoparea h2 a,
div.shoparea h3 a,
div.shoparea h4 a,
div.shoparea h5 a,
div.shoparea a h2,
div.shoparea a h3,
div.shoparea a h4,
div.shoparea a h5,
div.add-to-basket,
div.formatList li,
.video_player p,
div.notice .button,
div.notice div.container,
div.notice h2,
div.notice h3,
div.notice h4,
div.notice h5,
table.basic th,
.news_panel li h2,
.news_panel li h5,
ul.air-freight-info li,
div.simplesearch input,
div.add-to-basket button,
section.tracking-form form,
div.sub-menu.account li ul,
label.label,
div#addsearch-results,
section.search select,
div.information_page p,
div#addsearch-results h2,
div#addsearch-results h2 a,
.reference-notification strong,
section.search input[type=text],
section.search div#trackingFailed,
div#nestedAccordion h2.sectionhead,
div#nestedAccordion h3.sectionhead,
div#nestedAccordion h4.sectionhead,
div#nestedAccordion h5.sectionhead,
.summary-services section div.moreinfo,
div.form.quote.airfreight table.dimensions,
table.standard tr.courier span.servicetitle,
div.warning-message.prohibited div.prohibitedIcon span,
#addsearch-results .addsearch-result-item-sub p span em,
.panelledArea div.radio_options_container table td label,
div.advertisement.blue div.content-slider ul li a span.button { 
    font-family: "Roboto", Arial !important;
    font-weight: normal !important;
    }
div.form-container label,
ul.quote-tools li a,
button.button, 
a.button,
b,
dt,
p strong,
.numbered:before,
ul.bullet strong,
div.notification,
div.notification a,
div.shop-navigation,
div.services a,
span.vat-notice,
div.controls input,
span.RepeaterNoItems,
div.login-form label,
div.blockUI.blockMsg p,
ul.radio-list li label,
section.quoteResults ul li,
div.jqistates span.bullet,
input.button.light-blue,
ul.quote-tools li.sort,
div.make-payment label,
table tr td.FormTableLabel,
table.standard td.highlight b,
div.blockUI.blockMsg div.Options a,
div.banner.information ul li strong,
div.badge-hover span.name, 
a.banner.information ul li strong,
form.currency-calculator label,
table.responsive.crate td:before,
div.sub-menu span.accountuser b,
div.hover span.notification i,
div.make-payment table td,
div#trackingForm label,
a.shipping-label span,
div.filterList ul li a,
a.icon.no-liquids span,
a.icon.no-lithium span,
div.commodity-code-alert a,
div.table.addressDetails label,
div.jqistates span.ConfirmationTitle,
div.content-slider ul li span strong,
div.accordion-container span.notice,
table.collectionCutOffTable td.value,
div#insuranceQuote span.insuranceTerms,
div.remote-results div.remote-info span b,
table.carrier-surcharges tr td:last-of-type,
table.carrier-surcharges tr td:first-of-type,
div#insuranceQuote p span.validation.success,
div.form.quote table#contentDescription label,
div.form.generic .quoteform .field_group label,
div.accordion-container.fullwidth span.title,
div.popupcontent table.address-lookup td,
div.advert-quote ul span.button,
div.form.generic span.heading,
div.infoBox.quote span.label,
div.form.generic span.label,
div.form.quote span.label,
div.dpd-predict-map ul li,
div.labelOptions li a,
div.labelToggle label,
.alert-comma,
.price-green,
div.form.quote.side h1,
div.form.quote.side h2,
div.form.quote.side h3,
div.form.quote.side h4,
div.form.quote.side h5,
div.formGroup span.hint,
div.code-container input,
div.code-container a.apply,
div.cart_orders_area p.bold,
div.alert-notification strong,
div.payment-options span#prePaidCreditAmount,
.iconSellingPoints li div.moreinfo,
table.insurance-calculator td.label,
ul.services-list li div.inner ul li,
div.container.labelSettings dd a.btn,
table.bulkDownloadOptions tr td.label,
div.container.labelSettings ul li label,
table.insurance-calculator span.currency,
ul.services-list li div.description strong,
ul.loyalty-points li div.circle span.value,
div.collection_option_selection_area p.bold,
table.insurance-calculator td.result strong,
table.standard div.quoteCriteriaRequired label,
div.cart_options_container div.option_row label,
div.cart_collection_section.confirmed h3.heading,
div.cart_collection_section.confirmed p span.bold,
div.collection_option_selection_area span.bold,
div.form.quote div.courier div.countrySelect label,
#nestedAccordion.floatedList div ul.icons li strong,
div.collapseContentContainer.locationFinder.uk div.container-locationPoints a span,
table.service-availability tr td:nth-of-type(2),
div.sub-menu.account span.alert:after,
div#divPostcodesRequiredContent label,
section.banner.blue div.inner-container a.button span,
section.banner.media div.inner-container a.button span  {
    font-family: "RobotoBold", Arial !important;
    font-weight: normal !important;
}
div.inner-container button.button span,
div.inner-container button.button span  {
    font-family: "RobotoBold", Arial !important;
    font-weight: normal !important;
}
.lato,
div.social .headline,
div.genericQuoteContent h1 span,
.summary-services section h1,
.summary-services section h2,
.summary-services section h3,
.summary-services section h4,
.summary-services section h5,
.summary-services section span.title {
    font-family: "Lato", sans-serif !important;
    font-weight: 400 !important;
}
    .lato.bold,
    .heading.bold,
    ul.flow-chart h2,
    ul.flow-chart h3,
    ul.flow-chart h4,
    div.titleheader h1,
    div.titleheader h2,
    div.titleheader h3,
    .moredetail strong,
    .social h2,
    .social h5,
    div.form.quote h1,
    div.form.quote h2,
    div.form.quote h3,
    div.form.quote h4,
    div.form.quote h5,
    .banner.media h1.lato,
    .banner.media h2.lato,
    .banner.media h3.lato,
    .banner.media h4.lato,
    .banner.media h5.lato,
    ul.iconSellingPoints.white strong {
        font-family: "Lato", sans-serif !important;
        font-weight: 700 !important;
    }
    div.form.quote h1,
    div.form.quote h2,
    div.form.quote h3 {
        letter-spacing: -1px;
        font-size: 44px;
    }
.heading,
span.price,
.roboto h1,
article h2,
article h3,
article h4,
article h5,
.content-page h1,
.content-page h2,
.content-page h3,
.content-page h4,
.content-page h5,
section.article p,
section.article li,
.roboto h2.title,
.roboto h3.title,
.roboto h4.title,
.roboto h5.title,
span.price strong,
.benefits li strong,
span.account-number,
div#popup-content h1,
div#popup-content h2,
div#popup-content h3,
div#popup-content h4,
div#popup-content h5,
span.account-number b,
.reference-notification,
div.content.noBoundry h1,
.download-buttons li a strong,
.reference-notification,
.download-buttons li a h3,
.download-buttons li a h4,
.download-buttons li a h5,
ul.address_list li strong,
section.blue .heading span,
.panelledArea.content h1,
.panelledArea.content h2,
.panelledArea.content h3,
.panelledArea.content h4,
.panelledArea.content h5,
div.account-links ol li a,
div.important-notice div b,
.other_information h3 a,
.other_information li a,
.label_new:after,
ul.boxes h2,
ol.boxes h2,
div.carriers h1,
div.carriers h2,
div.carriers h3,
div.carriers h4,
div.carriers h5,
div.genericQuoteContent h1 span,
section.banner.media a,
div.InnerWindow_Page p,
div.InnerWindow_Page h1,
div.InnerWindow_Page h2,
div.InnerWindow_Page h3,
div.InnerWindow_Page h4,
div.InnerWindow_Page h5,
div.information_page h2,
div.information_page h3,
div.information_page h4,
div.information_page h5,
div.information_page h1,
section.banner.dangerous a.button,
div.sub-menu.account li ul strong,
section.banner .notification li,
div#InvoiceOverdue a span.button .button_hover strong {
    font-family: "Roboto","Lato", sans-serif !important;
    font-weight: 300 !important;
}

div.genericQuoteContent h1.title span {
    padding-top: 150px !important;
}
    .panelledArea.content h1 {
        font-size: 24px;
        padding-top: 50px !important;
    }
section.blue .heading span {
    display: block;
    text-align: center;
    color: #fff;
    padding: 10px 0 20px;
    letter-spacing: 1px;
    font-size: 26px;
}

h1.heading,
.roboto h1,
div.information_page h1 {
    font-size: 2.4em;
    display: block;
    padding: 30px 10px 20px !important;
}
    .api_area.roboto h1 {
        font-size: 25px !important;
    }
h1.heading a.link {
    font-size: 13px;
    float: right;
}

h2.heading,
h3.heading,
h4.heading,
h5.heading,
.content-page h2,
.content-page h3,
.content-page h4,
.content-page h5,
.roboto h2.title,
.roboto h3.title,
.roboto h4.title,
.roboto h5.title {
    font-size: 1.8em;
    display: block;
    padding:  40px 0px 10px !important;
}
    h1.heading.small,
    h2.heading.small,
    h3.heading.small,
    h4.heading.small,
    h5.heading.small {
        font-size: 14px !important;
    }
    .roboto h2.title span,
    .roboto h3.title span,
    .roboto h4.title span,
    .roboto h5.title span {
        padding-bottom: 10px !important;
    }
.heading.small {
    font-size: 1.5em;
}
.heading.medium {
    font-size: 2.1em;
}

/* END CUSTOM FONTS */

    ul li#contact-callUs a,
    ul li#contact-callUs a:hover,
    ul li#contact-callUs a:focus,
    ul li#contact-callUs a:active {
        text-decoration: none;
    }
ul li#contact-callUs div {
    float: left;
    white-space: nowrap;
    position: relative;
    top: -10px;
}
div.sub-menu {
    padding: 0px 0px;
    margin: 0px 0px;
    position: relative;
    /*z-index: 0;*/  
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s; 
    
}
div.sub-menu span.expand {
    padding: 6px 28px 6px 0px;
    margin: 4px 12px;
    color: #fff;
    cursor: pointer;
    font-size: 1.1em;
    background-image: url(../layout/icon-activate-menu-white-small.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: right center;
    }
div.sub-menu span.expand.active {
    background-image: url(../layout/icon-deactivate-menu-white-small.png);
    }
div.sub-menu ol,
div.sub-menu ol li {
    list-style-type: none;
    padding: 0px;
    margin: 0px auto;
    text-align: center;
    }
div.sub-menu ol {
    display: none;
    margin: auto;
    position: relative;
    }

div.sub-menu ol li a,
div.sub-menu ol li strong.heading {
    color: #fff !important;
    padding: 12px 4px 12px;
    display: inline-block;
    font-size: 12px;
    }
div.sub-menu ol li a:hover,
div.sub-menu ol li a:active,
div.sub-menu ol li a:focus {
    text-decoration:none;

    }
div.sub-menu span.accountuser {
    color: #fff;
    display: inline-block;
    font-size: 1em;
    padding: 16px 14px 10px 8px;
}
div.sub-menu span.accountuser b {
    color: #fff !important;
    }
/* GOOGLE CUSTOM SEARCH */

.gsc-input-box {
    -moz-border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    border-radius: 20px !important; 
    -khtml-border-radius: 20px !important;
    height: auto !important;
    padding: 2px 0px 2px 9px;
}
table.gsc-search-box td.gsib_a {
    padding: 0px initial !important;
}
table.gsc-search-box td.gsib_b {
      background-image: url(../layout/icon-magnify-search.png) !important;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 15px auto;
      padding-left: 15px;
}

.gsc-input input.gsc-input {
    padding: 6px 0px !important;
    background: none !important;
}


/* END GOOGLE CUSTOM SEARCH */

h1, h2, h3, h4 ,h5 {
  font-size: 1.5em; 
  padding: 20px 0px 10px;
  margin: 0;
}

div.titleheader {
    display: block;
    margin-bottom: 20px;
    color: #fff;
}
div.titleheader h1 img {
    float: left;
    margin-right: 12px;
    }
div.container-myAccount label {
    color: #fff;
    font-size: 0.75em;
    font-weight: bold;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 12px;
}

div.container-myAccount input {
    font-size: 0.8em;
    border: 1px solid #022a66;
    margin: 4px 0px 0px 0px;
    padding: 1px 2px;
    width: 18%;
    clear: right;
}

div.container-myAccount ol {
    display: block;
    width: 100%;
    clear: both;
}

    div.container-myAccount ol ul {
        display: none;
        position: absolute;
        z-index: 1000;
        background-color: #000;
        left: 12px;
    }

        div.container-myAccount ol ul li {
            display: block;
            width: 100%;
            float: none !important;
            white-space: nowrap;
            border-bottom: 1px solid #000;
        }

    div.container-myAccount ol li:active ul, div.container-myAccount ol li:hover ul, div.container-myAccount ol li:focus ul {
        display: block;
    }

    div.container-myAccount ol li, div.container-shopHeader div.menu ul li {
        display: block;
        float: right;
        /*border-right: 1px solid #024883;*/
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        position: relative;
    }

        div.container-myAccount ol li:hover, div.container-myAccount ol li:active, div.container-myAccount ol li:focus, div.container-shopHeader div.menu ul li:active, div.container-shopHeader div.menu ul li:focus, div.container-shopHeader div.menu ul li:hover {
            color: #fff;
            background-repeat: repeat-x;
            background-position: bottom right;
        }

    div.container-myAccount ol ul li:hover, div.container-myAccount ol ul li:active, div.container-myAccount ol ul li:focus {
        border-bottom: 1px solid #034587;
    }

    div.container-myAccount ol li a, div.container-shopHeader div.menu ul li a {
        color: #024883;
        text-decoration: none;
        display: block;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        /*border-right: 1px solid #012D66;*/
        font-size: 0.95em;
    }

        div.container-myAccount ol li a span, div.container-myAccount ol li span {
            display: block;
            background-position: 10px center;
            background-repeat: no-repeat;
            display: block;
            padding: 6px 20px 8px 40px;
            }
      

li.acc-loginAs, li.acc-impersonation {
    display: block !important;
    float: right !important;
    color: #fff;
    font-weight: bold;
    font-size: 0.95em;
    border-right: none !important;
    background-repeat: repeat-x;
    background-position: bottom right;
}

    li.acc-loginAs span, li.acc-impersonation span {
        padding-left: 14px !important;
        padding-right: 10px !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
    }

li.acc-loginAs {
    /*background-color: #0cc10b !important;
    background-image: url('../layout/bg-rpt-navigation-hvr-green.png');
    border-left: 1px solid #003403 !important;*/
    float: left !important;
}

    li.acc-loginAs span {
        /*background-image: url('../layout/bg-subnav-corner-right.png') !important;
        border-left: 1px solid #0cc10b !important;*/
    }

li.acc-impersonation {
    background-color: #c71000 !important;
    /*background-image: url('../layout/bg-rpt-navigation-hvr-red.png');
    border-left: 1px solid #370400 !important;*/
}

    li.acc-impersonation span {
        /*background-image: url('../layout/bg-subnav-corner-right.png') !important;
        border-left: 1px solid #ab1002 !important;*/
    }

li.acc-loginAs:hover, li.acc-loginAs:active, li.acc-loginAs:focus {
    /*background-color: #0cc10b !important;
    background-image: url('../layout/bg-rpt-navigation-hvr-green.png') !important;*/
}

li.acc-impersonation:hover, li.acc-impersonation:active, li.acc-impersonation:focus {
    background-color: #0cc10b !important;
    /*background-image: url('../layout/bg-rpt-navigation-hvr-red.png') !important;*/
}

li.acc-loginAs span b, li.acc-impersonation span b {
    display: inline-block;
    /*color: #ffeca2;*/
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px;
    /*background-image: url('../layout/icon-padlock.png');*/
    font-weight: bold;
}


li.link-accHome {
    border-left: none !important;
}

    li.link-accHome a {
        /*background-image: url('../layout/bg-subnav-corner-left.png') !important;*/
        background-repeat: no-repeat;
        background-position: bottom left;
    }

    li.link-accHome ul li a {
        background-image: none !important;
    }

li.link-myAccLogout {
    float: left !important;
    border-right: none !important;
}

    li.link-myAccLogout a {
        background-image: url('../layout/bg-rpt-navigation-hvr.png') !important;
        background-repeat: no-repeat;
        background-position: bottom right;
    }

section.banner h1, 
section.banner h2, 
section.banner h3 {
    display: block;
    padding: 20px 0px 10px;
    margin: 0px;
    font-size: 2.5em;
    text-align: left;
    }

section.banner div.small h1, 
section.banner div.small h2, 
section.banner div.small h3 {
    font-size: 1.2em !important;
    text-align: center !important;

    }

div.access-point-postcode-selection input,
div.access-point-postcode-selection select,
input[type=password],
div.make-payment input[type=text],
input#postcodeInput,
span.dropdown select,
td.inputCell select,
div.form.section input,
div.form.section select,
section.form.section input,
section.form.section select,
div.filterForm select,
div.filterForm input[type="text"],
div.form-container textarea,
div.form-container input[type="text"],
table.clean input, table.clean select,
div.table.addressDetails select,
div.table.addressDetails input[type="text"],
div.form.section table.FormTable td textarea,
div.form.quote div.courier div.countrySelect input[type=text],
div.form.quote div.courier div.postcodeContainer input[type=text],
div.form.quote div.courier div.countrySelect select,
div.form.quote div.courier div.postcodeContainer select,
form.currency-calculator input[type=text],
table.quote.form td input[type=text],
table.quote.form td select,
form.currency-calculator select,
div.form.quote table#contentDescription input,
div#divPostcodesRequiredContent input[type=text],
div.form.quote div.courier div.postcodeContainer input[type=text],
table.quote_destinations td input,
div.table.quote select,
div.table.quote input,
div.select select,
select.select {
    border: 1px solid #bac9e5;
    background-color: #fff;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

form.currency-calculator input[type=text],
form.currency-calculator select {
    margin-top: 5px;
    
}
div.form.quote span.tagline {
    display: block;
    font-weight: bold;
    font-size: 1em;
}
span#MsgStandardCover a,
div.paragraph a {
    font-size: 1em;
}

button {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
}

div.blockUI.blockOverlay {
    text-align: center !important;
    overflow: hidden !important;
    
}
div.blockUI.blockMsg {
    width: 80% !important;
    z-index: 1011 !important;
    position: fixed !important;
    padding: 0px !important;
    margin: 0px !important;
    left: 10% !important;
    text-align: center !important;
    color: rgb(0, 0, 0) !important;
    border: none !important;
    cursor: wait !important;
    background-color: transparent !important;
    overflow: hidden !important;
    text-align: center;
    cursor: help !important;
}
    div.blockUI.blockMsg p,
    span#spanPostcodesRequiredFail {
        font-size: 0.9em !important;
        color: #065390 !important;
        font-family: "Roboto" !important;
        font-weight: normal;
    }
    span#spanPostcodesRequiredFail {
        display: block;
        padding: 12px 0;
    }
    div.blockUI.blockMsg a.link 
    {}
    div.blockUI.blockMsg div.Options {
        padding: 8px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        -khtml-border-radius: 7px;
        text-align: right;
    }
        div.blockUI.blockMsg div.Options a {
            display: inline-block;
            font-size: 0.8em;
            color: #043a73;
            padding: 6px 14px !important;
            text-decoration: none;
            -moz-border-radius: 6px;
            -webkit-border-radius:6px;
            border-radius: 6px; 
            -khtml-border-radius: 6px;
            width: auto !important;
            min-width: 35px; 
            text-align: center;
        }
            div.dialog div.Options a.decline,
            div.blockUI.blockMsg div.Options a.decline {
                float: left;
            }
                
                div.blockUI.blockMsg div.Options a.decline:hover,
                div.blockUI.blockMsg div.Options a.decline:active,
                div.blockUI.blockMsg div.Options a.decline:focus,
                div.blockUI.blockMsg div.Options a.accept:hover,
                div.blockUI.blockMsg div.Options a.accept:active,
                div.blockUI.blockMsg div.Options a.accept:focus {
                    color: #fff;
                }
div.processing {
    display: block;
    background-color: #fff;
    padding: 8px;
    margin: 10px auto;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    border: 4px solid #d0d0d0;
    width: 200px;
    font-weight: bold;
    color: #165e97;
    box-sizing: border-box;
    position: fixed;
    top: 40%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    z-index: 5;
}
    div.processing img {
        margin: 30px 0;
    }

div.cloudflareTimeout {
    display: block;
    background-color: #fff;
    padding: 10px;
    margin: 10px auto;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    border: 4px solid #d0d0d0;
    max-width: 500px;
    font-weight: bold;
    color: #165e97;
    box-sizing: border-box;
    position: fixed;
    top: 40%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    z-index: 5;
}

    div.cloudflareTimeout img {
        margin: 30px 0;
    }
div.blockUI.blockMsg {
    top: 0 !important;
    bottom: 0 !important;
    height: 100%;
}
div.dialog {
    display: block;
    padding: 8px;
    margin: 10px auto;
    max-width: 500px;
    background-color: #ffffff;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -khtml-border-radius: 10px !important;
    border: 4px solid #d0d0d0;
    color: #165e97;
    cursor: help;
    z-index: 2222;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%); 
    box-sizing: border-box;
}
    div.dialog .notification_message {
        display: block;
        max-height: 50vh;
        overflow-y: scroll;
    }
div.dialog span {
    display: block;
    clear: both;
    float: none;
    line-height: 20px;
}
    div.dialog p span {
        display: inline-block;
    }
    div.dialog p a.link {
        text-decoration: underline;
    }
div.dialog span.title {
    font-weight: bold;
    color: #165e97;
}
div.dialog ul {
    margin-top:8px;
    margin-bottom:8px;
    list-style:none;
    list-style-type:none;
    text-align:center;
}
    div.dialog ul.bullet {
        font-size: 0.9em !important;
    } 
div.dialog ul li {
    list-style:none;
    list-style-type:none;
}
div.dialog ul li.horizontal {
    float:right;
    padding-left:2px;
    padding-right:2px;
}
div.dialog ul li.clear {
    clear:both;
    float:none;
}
div.dialog ul li a {
    margin-top:3px;
    margin-bottom:3px;
}

/*div.dialog#carrier_notification_container {
    align-items: center;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    padding: 0 15px;
}*/

div.dialog#carrier_notification_container #notification_content_container {
    overflow: hidden;
}
div.dialog#carrier_notification_container #notification_content_container .notification_information {
    position: relative;
    display: none;
}
div.dialog#carrier_notification_container #notification_content_container .notification_information.active {
    display: block;
}
div.dialog#carrier_notification_container #notification_content_container .notification_information .carrier_notification_count{
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 3px;
}
div.dialog#carrier_notification_container #notification_content_container .notification_information .notification_title {
    padding-top: 10px;
}
body {
    padding: 0px;
    margin: 0px;
    font-family: Tahoma, Arial, Verdana;
    font-size: 0.8em;
    position: relative;
    width: 100%;
    height: 100%;
}
p {
    display: block;
    width: auto;
    padding: 10px 0px 10px 0px;
    margin: 0px auto 0px auto !important;
    text-align: left;
    line-height: 1.6em;
}
p.footnote {
    display: block;
    text-align: center;
    padding: 20px 0px 30px;
    }
    p.footnote b a {
        color: #0185cd !important;
        text-decoration: underline;
    }
div.footnote li {
    display: block;
    width: auto;
    line-height: 1.5em;
    padding: 10px 5%;
    text-align: left;
    font-size: 11px !important;
    font-family: arial !important;
}
    div.footnote li i {
        font-style: normal;
    }
    div.footnote li b {
        display: block;
    }
    div.footnote li a {
        text-decoration: none;
    }
        div.footnote li a:hover span.link,
        div.footnote li a span.link:hover {
            text-decoration: underline !important;
        }
div.paragraph {
    font-family: arial;
    font-size: 0.75em;
    font-weight: bold;
    color: #002e52;
}  
p.indent { display: block; width: 98%; margin: auto 1% !important; }
p.margin { margin-top: 20px !important; }
p.red { color:#ed1c24 !important; }

a {
    text-decoration: none;
    color: #555;
}

a:hover, a:active, a:focus, a.link {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
    }
    a.link.help {
        background-image: url(../layout/help_icon.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 5px 5px 5px 25px;
        margin-right: 7px;
        display: inline-block;
    }
    a.link.edit {
        background-image: url(../layout/icon_edit.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding: 5px 25px 5px 5px;
        margin-right: 7px;
        display: inline-block;
    }
table caption {
    line-height: 1.8em;
    text-align: center;
    font-size: 0.9em;
    margin: 0 0 10px;
    padding: 10px;
    box-sizing: border-box;
    font-weight: bold;
}

table.seafreight.orders a,
#accordion a.link { color: #0185cd !important; }

a:hover, a:active, a:focus {
    text-decoration: underline;
    }

h3.icon.survey {
    padding-top: 90px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 70px;
}

div.search h4,
div.carriers h4,
div.carriers h4 a {
    text-decoration: none;
    }
div.carriers h4,
div.social .headline {
    display: block;
    text-align: center;
    margin: 0px 0px 0px;
    font-size: 1.7em;
    
}
    div.carriers h4 a {
        color: #004a8a;
    }
    div.social .headline {
        padding: 45px 0px 5px;
    }

div.search h4 {
    display: inline-block;
    text-align: center;
    margin: 0px 0px 0px;
    padding: 9px 0px 9px 30px;
    font-size: 1.7em;
    padding-bottom: 12px !Important;
    background-image: url(../layout/icon-search-magnify-medium.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px auto;
}
ol.bullet, ul.bullet {
    display: block;
    padding: 12px 0px 0px;
    list-style-type: none;
    margin: auto 3%;
}
    ul.bullet ul {
        padding-top: 10px;
    }
ol.bullet li, ul.bullet li {
    font-size: 1em;
    display: inline-block;
  
    width:100%;
    background-image: url('../layout/bullet-arrow-blue-small.png') !important;
    background-position: left 2px;
    background-repeat: no-repeat;
    padding: 0px 0px 6px 19px;
    margin: 0px 0px 7px;
    line-height: 1.6em;
    background-size: auto 12px;
    text-align: left;

}
.roboto ol.bullet li, .roboto ul.bullet li {
    color: #02548F;
}
ol.bullet li a, ul.bullet li a {
    color:#0185cd;
    }    
ol.bullet li b,
ul.bullet li b,
ol.bullet li strong,
ul.bullet li strong {
    font-weight: 500;
    }
ul.link, 
ul.link li {
    display: block;
    padding: 3px 3px 8px;
    margin: 0px 0px;
    list-style-type: none;
}
ul.link li {
    display: block;
    text-align: center;
    padding: 3px 0px;
    }

ol.clean, ul.clean {
    list-style-type: none;
    display: block;
    clear: both;
    padding: 10px 0px;
}
ol.clean li, ul.clean li { line-height: 1.4em; }


header {
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
    background-image: url("../layout/rpt-chevrons.png");
    background-position: center top;
    background-repeat: repeat-x;   
    position: relative;
    /*z-index: 100;*/
    padding-top: 8px;
}
.chevrons {
    background-image: url("../layout/rpt-chevrons.png") !important;
    background-position: center top;
    background-repeat: repeat-x;  
    padding-top: 20px !important; 
}
    .chevrons.bottom {
        background-position: center bottom;
        padding-bottom: 20px !important; 
    }

div.tools ol:after,
div.clear,
span.clear {
    display: block;
    width: auto;
    clear: both;
    padding: 0 !important;
    margin: 0 !important;
    height: 1px;
    background-color: transparent;
    content: "";
}
div.clear.right,
span.clear.right {
    clear: right !important;
}

p.clear {
    display: block !important;
    width: auto;
    clear: both;
    padding: 0;
    margin: 15px 0px 15px;
    background-color: transparent;
}

section.banner,
div.banner {
	width: auto;
    text-align: center;
    position: relative;
    /*z-index: 0;
    background-image: url(../layout/rpt-chevrons.png);*/
    background-repeat: repeat-x;
    background-position: top center;
}

div.content {
    padding: 10px 0 40px;
}
    div.content.noBoundry {
        padding-top: 0px !important;
    }
    div.content-page.noBoundry .ContentPage_Content {
        max-width: 100% !Important;
    }
div.content.white {
    background-color: #fff;
    background: #fff !important;
}
div.banner.corporate {
    min-height: 180px;
    display: block;
    padding: 0px;
    margin: 0px;
    background-image: url(../layout/banner-corporate.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    }
div.inner-container {
    display: block;
    background-position: bottom;
    background-repeat: no-repeat;
}
section.banner.blue div.inner-container {
    background-image: url(../layout/bg-skyline-white.png) !important;
    padding-bottom: 110px;
}
div.freight section.banner.blue div.inner-container {
    background-image: url(../layout/bg-cloudline.png) !important;
    padding-bottom: 25px;
}
div.freight section.banner.blue div.inner-container.white {
    background-image: none !important;
    padding-bottom: 0 !important;
}
div.form.quote.side div.center-column.sixty {
    width: 100% !important;
    margin: 0px !important;
    box-sizing: border-box;
    padding-bottom: 10px !important;
}
div.form.quote.side span.label {
    margin-left: 10px !important;
    margin-bottom: 0px !important;
}
div.form.quote div.column label {
    font-size: 13px !important;
}
div.form.quote.side div.dimsTable {
    margin-top: 18px;
}
div.form.quote.side .numbered:before {
    left: -37px !important;
    top: -5px !important;
    background-color: #56709f !important;
}
div.form.quote.side a.button.quote span {
    font-size: 1.4em;
    
}
div.form.quote.side h1,
div.form.quote.side h2,
div.form.quote.side h3,
div.form.quote.side h4,
div.form.quote.side h5 {
    padding: 0px !important;
    margin: 10px 10% 15px !important;
    display: block;
    width: 80%;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.5em !important;
    max-width: 1000px !important;
}
div.form.quote.side div.formGroup {
    margin: 0px auto !important;
}
    div.form.quote.side span.label,
    div.form.quote.side div.formGroup label {
        font-size: 1.2em !important;
    }

div.infoBox.quote form {
    padding: 0 15px;
    margin: 0 auto;
    width: 100% !important;
    border-bottom: 1px solid #0d427a;
    border-top: 1px solid #6486c8;
    box-sizing: border-box;
}
    div.infoBox.quote div.center-column.sixty {
        width: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
        box-sizing: border-box;
    }
div.infoBox.quote div.formGroup {
    padding: 0px;
    margin: 0px !important;
    width: auto;
    box-sizing: border-box;

}
    div.infoBox.quote div.formGroup,
    div.infoBox.quote div.row:first-of-type div.column {
        background-color: transparent !important;
    }
div.infoBox.quote span.label,
div.infoBox.quote div.formGroup label {
        font-size: 1em !important;
        color: #fff !important;
        padding-top: 8px !important;
        padding-bottom: 0px !important;
        text-align: left;
        display: block;
        clear: both;
    }

div.infoBox.quote div.column label {
        font-size: 0.9em !important;
        color: #fff !important;
        padding-top: 8px !important;
        padding-bottom: 0px !important;
    }
div.jointQuoteFields span textarea,
div.infoBox.quote div.jointQuoteFields span input,
div.infoBox.quote div.jointQuoteFields span select {
    padding-top:  5px !important;
    padding-bottom: 5px !important;
}
div.jointQuoteFields .column {
    display: block;
    box-sizing: border-box;
    width: 48%;
    float: left;
    margin: 0 1%;
    padding-top: 7px;
}
    div.jointQuoteFields .column.inline {
        float: none;
        width: 47.5%;
        display: inline-block;
    }
div.jointQuoteFields .text_block {
    padding: 20px 12px 0;
    text-align: center;
    box-sizing: border-box;

}
    div.jointQuoteFields .text_block strong {
        color: #56709f;
    }
    div.jointQuoteFields .text_block p {
        color: #56709f;
        font-size: 11px !important;
        text-align: center;
    }
div.jointQuoteFields .input_block span {
    display: block;
    border: 1px solid #bac9e5;
    background-color: #fff;
}
    div.jointQuoteFields .input_block input {
        border-bottom: 1px dashed #bac9e5;
    }
        div.jointQuoteFields .input_block input:disabled {
            border-bottom: none;
            /*font-weight: bold;*/
        }
        div.jointQuoteFields .input_block textarea:disabled {
            /*font-weight: bold;*/
        }
    div.jointQuoteFields .input_block input:last-of-type {
        border: none;
    }
div.jointQuoteFields .note {
    padding: 20px 0;
}
div.jointQuoteFields span.input_grid {
    display: block;
    text-align: left !important;
}

div.jointQuoteFields span.input_grid span {
    display: inline-block;
    border: 1px solid #bac9e5;
    background-color: #fff;
}
    div.jointQuoteFields span.input_grid label,
    div.jointQuoteFields div.input_block label {
        font-size: 11px !important;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 5px;
        padding-left: 3px;
    }
div.jointQuoteFields span.input_grid input {
    width: 32px;
    display: inline-block;
    border-right: 1px solid #bac9e5;
    text-align: center;
    padding: 9px 0 !important;
}
.disabled div.jointQuoteFields span.input_grid input {
    border-right: none;
}
    div.jointQuoteFields span.input_grid input[type="number"]:disabled {
        color: #000;
        font-weight: bold;
        font-size: 13px;
    }
    div.jointQuoteFields span.input_grid.date input {
        width: 180px;
    }
        div.jointQuoteFields span.input_grid input:last-of-type {
            border-right: none;
        }

        .formGroup #deliveryCityRow div.jointQuoteFields,
        .formGroup #collectionCityRow div.jointQuoteFields {
            display: block;
            width: 60%;
            max-width: 285px;
            box-sizing: border-box;
        }
    .formGroup #deliveryCityRow div.jointQuoteFields select,
    .formGroup #collectionCityRow div.jointQuoteFields select {
        overflow:hidden;
        background-image: none !important;
    }
        .formGroup #deliveryCityRow div.jointQuoteFields select option,
        .formGroup #collectionCityRow div.jointQuoteFields select option {
            padding: 3px 7px;
            box-sizing: border-box;
        }
div.box.direct_debit,
div.box.confirm_direct_debit {
    background-position: 97% 15px;
    background-repeat: no-repeat;
}
    div.box.direct_debit span.note b,
    div.box.confirm_direct_debit span.note b {
        color: #668dad !important;
    }
div.direct_debit_guarantee {
    display: block;
    width: 96%;
    margin: 20px 2%;
    padding: 20px 45px !important;
    box-sizing: border-box;
    border: 1px solid #004a8a;
    background-position: 98% 15px;
    background-repeat: no-repeat;
}

    div.direct_debit_guarantee ul,
    div.direct_debit_guarantee li {
        text-align: left;
        display: list-item;
        color: #5a729e;
    }
        div.direct_debit_guarantee li 
        {
            padding: 7px 0;
        }
            div.direct_debit_guarantee li ul {
                padding-left: 40px;
                list-style-type: none;
            }
                div.direct_debit_guarantee li ul li {
                    list-style-type: none;
                    position: relative;
                }
                div.direct_debit_guarantee li ul li:before {
                    content: "-";
                    position: absolute;
                    left: -10px;
                    top: 16px;
                    transform: translateY(-50%);
                }
    div.direct_debit_guarantee h4,
    div.direct_debit_guarantee h5 {
        font-family: "Lato" !important;
        font-size: 18px !important;
        margin-right: 105px !important;
    }
    div.panelledArea .box .direct_debit_guarantee h4.heading {
        margin-right: 100px !important;
    }
div.direct_debit_logo {
    display: block;
    text-align: right;
    padding: 0 0 20px;
}
div.direct_debit_guarantee div.direct_debit_logo {
    float: right;
}
div.infoBox.quote div.jointQuoteFields,
div.infoBox.quote div.dimsTable div.row div.column input {
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    -khtml-border-radius: 4px !important;
    margin-top: 4px !important;
    box-shadow: 0px 0px 9px #0d427a;
}

div.infoBox.quote .numbered:before {
    font-size: 15px;
    content: " ";
   background-color: transparent !important;

}
div.infoBox.quote a.button.quote span {
    font-size: 1.4em;
}

div.infoBox.quote div.dimsTable div.row div.column {
    padding: 0px !important;
}
div.infoBox.quote a.button.quote  {
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    -khtml-border-radius: 6px !important;
    margin-top: 14px !important;
    font-size: 0.9em !important;
}
    div.infoBox.quote a.button.quote:hover, 
    div.infoBox.quote a.button.quote:active,
    div.infoBox.quote a.button.quote:focus,
    div.infoBox.quote a.button.quote:hover span, 
    div.infoBox.quote a.button.quote:active span,
    div.infoBox.quote a.button.quote:focus span {
        background-color: #fff !important;
        color: #054f95 !important;
    }
div.infoBox.quote div.dimsTable div.row div.column:nth-child(even) {
    background-color: transparent !Important;
}
div.infoBox.quote div.dimsTable {
    margin-top: 10px;
}
    div.infoBox.quote div.dimsTable input {
        padding: 6px 5px !important;
        margin-bottom: 10px !important;
       }
    /*section.banner.blue.ES div.inner-container {
        background-image: url(../layout/bg-skyline-ES-light.png) !important;
        padding-bottom: 70px;
    }
    section.banner.blue.DE div.inner-container {
        background-image: url(../layout/bg-skyline-DE-light.png) !important;
        padding-bottom: 70px;
    }
    section.banner.blue.HK div.inner-container {
        background-image: url(../layout/bg-skyline-HK-light.png) !important;
        padding-bottom: 90px;
    }*/

section.banner.blue div.inner-container a.button,
section.banner.media div.inner-container a.button {
    -moz-border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    border-radius: 30px !important;
    -khtml-border-radius: 30px !important;
    background-color: #fff !important;
    border: 2px solid #fff;
    padding: 6px 40px !important;
    background-image: url(../layout/btn_blue_form-gradient.png);
    background-position: left center;
    background-repeat: repeat-x;
}
section.banner.blue div.inner-container button.button,
section.banner.media div.inner-container button.button {
    -moz-border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    border-radius: 30px !important;
    -khtml-border-radius: 30px !important;
    background-color: #fff !important;
    border: 2px solid #fff;
    padding: 6px 40px !important;
    background-image: url(../layout/btn_blue_form-gradient.png);
    background-position: left center;
    background-repeat: repeat-x;
}
section.banner.media div.inner-container button.button {
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        -khtml-border-radius: 10px !important;
        position: relative;
        top: -20px;
    }
    section.banner.media.tracking div.inner-container button.button {
        top: 0 !important;

    }
	section.banner.media div.inner-container button.button {
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        -khtml-border-radius: 10px !important;
        position: relative;
        top: -20px;
    }
    section.banner.media div.inner-container a.button {
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        -khtml-border-radius: 10px !important;
        position: relative;
        top: -20px;
    }
    section.banner.media.tracking div.inner-container a.button {
        top: 0 !important;

    }
section.banner.media.tracking .heading-container {
    max-width: 700px;
}
section.banner.media.tracking img {
    position: absolute;
    bottom: -110px;
    width: 35%;
    max-width: 258px;
    left: 0;
    transform: translateX(-70%);
}
section.banner.media div.inner-container a.button {
    box-shadow: 0px 0px 9px #000;
}
section.banner.blue div.inner-container a.button {
    box-shadow: 0px 0px 9px #002f8f;
}
section.banner.media div.inner-container button.button {
    box-shadow: 0px 0px 9px #000;
}
section.banner.blue div.inner-container button.button {
    box-shadow: 0px 0px 9px #002f8f;
}
section.banner.blue div.inner-container button.button span.themed,
section.banner.media div.inner-container button.button span.themed {
    width: 13px;
    height: 16px;
    background-image: url(../layout/arrow_quoteButton_red.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
    left: 8px;
  display: inline-block;
}
section.banner.blue div.inner-container a.button span.themed,
section.banner.media div.inner-container a.button span.themed {
    width: 13px;
    height: 16px;
    background-image: url(../layout/arrow_quoteButton_red.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
    left: 8px;
  
}
section.banner.media .search_field {
    display: block;
    padding: 80px 20px 90px;
    background: rgba(0,0,0,0.3);
    z-index: 10;
    position: relative;
}
    section.banner.media .search_field label {
        display: block;
        font-size: 25px;
        padding: 0 0 10px;
        font-weight: bold;
        font-family: "Lato" !important;
    }
    section.banner.media .search_field input {
        background-color: #fff;
        text-align: center;
        padding: 10px 20px;
        width: 90%;
        font-family: Roboto;
        font-size: 25px;
        max-width: 350px;
    }
        section.banner.media .search_field input::placeholder {
            font-size: 15px;
            position: relative;
            top: -3px;
        }
section.banner.blue div.inner-container a.button:hover span.themed,
section.banner.media div.inner-container a.button:hover span.themed {
    background-position: right bottom;
}

div.form.generic .quoteform .trustpilot-widget {
       display: none;
}
div.form.generic h1 {
    font-family: Roboto !important;
    color: #004a8a !important;
}
div.form.generic .intro {
    text-align: left;
    color: #5a729e;
    font-family: "Roboto";
    padding: 0 0 30px;
}
    div.form.generic .intro ul {
        padding: 0 0 20px 30px;

    }
        div.form.generic .intro ul li {
            padding: 5px 0;
        }
div.form.generic .quoteform a.saved_consignments {
    background: none;
    color: #56709f !important;
}
div.form.generic .quoteform .checkbox_radio_option {
    background: none;
}
    div.form.generic .quoteform .checkbox_radio_option label span:before {
        border: 2px solid #bac9e5;
    }
div.form.generic .quoteform .field_group,
section.banner.media .quoteform .field_group {
    display: block;
    padding: 0;
    margin: 0 0 20px;
}
    div.form.generic .quoteform .field_group.col_50,
    section.banner.media .quoteform .field_group.col_50 {
        float: left;
        width: 46%;
        margin: 0 2% 20px;
        }
        div.form.generic .quoteform .field_group.col_50:first-of-type,
        section.banner.media .quoteform .field_group.col_50:first-of-type {
            width: 47%;
            margin-left: 0;
            margin-right: 3%;
        }
        div.form.generic .quoteform .field_group.col_50:nth-of-type(2),
        section.banner.media .quoteform .field_group.col_50:nth-of-type(2) {
            width: 47%;
            margin-left: 3%;
            margin-right: 0;
        }
    section.banner.media.grey .field_group.country_selection,
    section.banner.media.usps .field_group.country_selection,
    div.form.generic .quoteform .field_group .form_container,
    section.banner.media .quoteform .field_group .form_container {
        box-sizing: border-box;
        background-color: #fff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -khtml-border-radius: 10px;
        box-shadow: 1px 4px 11px 0px #000;
        padding: 0 !important;
    }
        section.banner.media.grey div.inner-container a.button,
        section.banner.media.grey .field_group.country_selection,
        section.banner.media.grey .quoteform .field_group .form_container,
        section.banner.media.usps.print div.inner-container a.button,
        section.banner.media.usps.print .field_group.country_selection,
        section.banner.media.usps.print .quoteform .field_group .form_container {
            box-shadow: 1px 4px 11px 0px #666;

        }
        section.banner.media.usps .field_group.country_selection .form_container,
        section.banner.media.no_shadow .quoteform .field_group .form_container {
            box-shadow: none;
        }
        section.banner.media.grey .field_group.country_selection .divider,
        section.banner.media.usps .field_group.country_selection .divider,
        section.banner.media .quoteform .field_group .form_container {
            position: relative;
        }
        div.form.generic .quoteform .field_group .form_container {
            box-shadow: none;
            border: 1px solid #bac9e5;
        }
    div.form.generic .quoteform .field_group div.dimsTable div#baseRow input,
    div.form.generic .quoteform .field_group div.dimsTable div#baseRow select,
    div.form.generic .quoteform .field_group input[type="text"],
    div.form.generic .quoteform .field_group select,
    section.banner.media .quoteform .field_group div.dimsTable div#baseRow input,
    section.banner.media .quoteform .field_group div.dimsTable div#baseRow select,
    section.banner.media .quoteform .field_group input[type="text"],
    section.banner.media .quoteform .field_group select {
        font-family: "Roboto";
        display: block;
        width: 100%;
        padding: 10px 12px;
        border: none !important;
        box-sizing: border-box;
        background-color: transparent;
    }
        div.form.generic .quoteform .field_group #deliveryCityRow select,
        div.form.generic .quoteform .field_group #collectionCityRow select,
        section.banner.media .quoteform .field_group #deliveryCityRow select,
        section.banner.media .quoteform .field_group #collectionCityRow select {
            overflow: hidden;
            background-image: none !important;
        }
    section.banner.grey a.saved_consignments,
    section.banner.media.usps a.saved_consignments,
    div.form.generic .quoteform .field_group .hint,
    section.banner.media .quoteform .field_group .hint {
        display: none;
    }
    
    .section.banner.media quoteform .field_group label {
        display: none;
    }
div.form.generic .quoteform .form_container select#NoItems,
div.form.generic .quoteform .form_container select#ItemType,
div.form.generic .quoteform .form_container select#PackagingType,
section.banner.media .quoteform .form_container select#NoItems,
section.banner.media .quoteform .form_container select#ItemType,
section.banner.media .quoteform .form_container select#PackagingType {
    display: inline-block;
    float: left;
    padding: 14px 12px;
}
    div.form.generic .quoteform .form_container select#NoItems,
    section.banner.media .quoteform .form_container select#NoItems {
        width: 20%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        text-align: center;
    }
    div.form.generic .quoteform .form_container select#ItemType,
    section.banner.media .quoteform#packagestableformGroup .container_packagetype_select select#ItemType,
    section.banner.media .quoteform#packagestableformGroup .form_container select#PackagingType {

        border-right-color: transparent !important;
    }
section.banner.media.grey .field_group.country_selection select,
section.banner.media.grey .field_group.country_selection input[type="text"],
section.banner.media.usps .field_group.country_selection select,
section.banner.media.usps .field_group.country_selection input[type="text"],
section.banner.media .quoteform#packagestableformGroup .form_container .container_packagetype_select select#ItemType,
section.banner.media .quoteform#packagestableformGroup .form_container .container_packagetype_select select#PackagingType {
    padding-top: 22px !important;
    padding-bottom: 9px !important
}
div.form.generic .quoteform .dimsTable,
section.banner.media .quoteform .dimsTable {
    float: none !important;
    width: 100% !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
    text-align: right;
}
    div.form.generic .quoteform div.dimsTable div.row div.column,
    section.banner.media .quoteform div.dimsTable div.row div.column {
        box-sizing: border-box;
        width: 25% !important;
        float: left;
        padding: 0 !important;
        margin: 0 !important;
    }
    div.form.generic .quoteform div.dimsTable div.row,
    section.banner.media .quoteform div.dimsTable div.row {
        position: relative;
        border-top: 1px dashed #bac9e5 !important;
    }
        div.form.generic .quoteform div.dimsTable div.row:first-of-type,
        section.banner.media .quoteform div.dimsTable div.row:first-of-type {
            border-top: none !important;
        }
        div.form.generic .quoteform div.dimsTable div.row  div.column.copyDims,
        section.banner.media .quoteform div.dimsTable div.row div.column.copyDims {
            position: absolute;
            top: 8px;
            width: 30px !Important;
            box-sizing: border-box;
            right: -30px;
        }
div.form.generic .quoteform .dimensions .label {
    display: none;
}

div.form.generic .quoteform .dimensions {
    top: 10px;
    position: relative;
}


div.form.generic .quoteform .form_container select#NoItems,
div.form.generic .quoteform .form_container select#ItemType,
div.form.generic .quoteform div#baseRow input[type="text"],
div.form.generic .quoteform .field_group div.dimsTable div#baseRow input,
div.form.generic .quoteform div.dimsTable div.row input[type="text"],
section.banner.media .quoteform .form_container select#NoItems,
section.banner.media .quoteform .form_container select#ItemType,
section.banner.media .quoteform div#baseRow input[type="text"],
section.banner.media .quoteform .field_group div.dimsTable div#baseRow input,
section.banner.media .quoteform div.dimsTable div.row input[type="text"] {
    border-right: 1px dashed #bac9e5 !important;
    border-left: none !important;
    padding: 14px 12px !important;
}
.quoteform .form_container .row.divider {
    border-bottom: 1px dashed #bac9e5;
}

section.banner.media.grey .field_group.country_selection,
section.banner.media.usps .field_group.country_selection {
    background-color: #fff;
    position: relative;
}

section.banner.media .quoteform label {
    display: none;
}
    section.banner.media.grey .field_group.country_selection label, 
    section.banner.media.usps .field_group.country_selection label {
        z-index: 10;
    }
    section.banner.media.grey .field_group.country_selection label,
    section.banner.media.usps .field_group.country_selection label,
    section.banner.media .quoteform .container_packagetype_select label {
        display: block !important;
        color: #666 !important;
        text-shadow: none;
        font-size: 11px;
        text-align: left;
        padding-left: 12px;
        position: absolute;
        top: 3px;
        box-sizing: border-box;
    }

section.banner.media .quoteform .container_packagetype_select {
    position: relative;
    width: 80%;
    float: right;
    display: block;
}
    section.banner.media .quoteform .container_packagetype_select.packaging {
        border-top: 1px dashed #bac9e5;
    }
table.new_format {
    border-collapse: collapse;
    margin-bottom: 60px !important;
}
table.new_format th {
    background-color: #355681 !important;
    color: #fff;
    font-weight: 500;
    padding: 10px;
    border: none !important;
}
table.new_format td {
    padding: 20px;

}
table.new_format td,
table.new_format td strong,
table.new_format td b,
table.new_format td a {

    color: #355681 !important;
}
table.new_format tbody tr {
    border-bottom: 1px dashed #355681;
}
.checkbox_radio_option {
    display: inline-block;
    padding: 5px 10px 5px 40px;
    margin-top: 7px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
}
    .quoteform .checkbox_radio_option {
        background: rgba(0, 0, 0, 0.5);
        background: linear-gradient(to right, transparent, #000);
    }
        .banner.media.grey .quoteform .checkbox_radio_option,
        .banner.media.usps.print .quoteform .checkbox_radio_option {
            background: rgba(0, 0, 0, 0.5);
            background: linear-gradient(to right, transparent, #555);
        }
    .checkbox_radio_option input {
        position: absolute;
        opacity: 0 !important;
    }
    .checkbox_radio_option label {
        content: "";
        position: relative;
        padding: 5px 40px 5px 0 !important;
        display: inline-block !important;
        width: auto !important;
        cursor: pointer;
    }
        .checkbox_radio_option label span {
            display: inline-block;
            padding: 5px 10px 5px 30px;
            position: relative;
        }
            .checkbox_radio_option label span:after,
            .checkbox_radio_option label span:before {
                display: block;
                content: "";
                width: 20px;
                height: 20px;
                border: 2px solid #bfd2e7;
                -moz-border-radius: 20px;
                -webkit-border-radius: 20px;
                border-radius: 20px;
                -khtml-border-radius: 20px;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
            }
                
                .quoteform .checkbox_radio_option label span:before {
                    border: 2px solid #222;
                }
                .banner.media.grey .quoteform .checkbox_radio_option label span:before,
                .banner.media.usps.print .quoteform .checkbox_radio_option label span:before {
                    border: 1px solid #fff;
                }
            .checkbox_radio_option label span:after {
                background-color: #42d15a;
                width: 12px;
                height: 12px;
                left: 6px;
                border: none;
            }

            .checkbox_radio_option label span.checked:after {
                display: none;
            }
    .checkbox_radio_option input:checked + label span:after, .checkbox_radio_option input:checked ~ label span:after {
        display: none;
    }
    .checkbox_radio_option input:checked + label span.checked:after, .checkbox_radio_option input:checked ~ label span.checked:after {
        display: block !important;
    }
.yes_slider {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
}

    .yes_slider label {
        content: "";
        position: relative;
        padding: 10px 80px 10px 0 !important;
        display: inline-block !important;
        width: initial !important;
        box-sizing: border-box;
    }
    .yes_slider input {
        display: none;
    }
    .yes_slider label:after,
    .yes_slider label:before {
        content: "";
        position: absolute !important;
        right: 0;
        top: 50%;
        width: 63px !important;
        transform: translateY(-50%);
    }
    .yes_slider label:before {
        z-index: 1;
        text-align: left;
        color: #fff;
        width: 50px !important;
        text-shadow: none !important;

    }
section.banner.media .quoteform .yes_slider {
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(to right, transparent, #000);
    padding: 5px 10px 5px 40px;
    margin-top: 7px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
}
section.banner.media .quoteform .checkbox_selector.options.no_yes label:before {
    max-width: 50px !important;
}
section.banner.air-freight .quoteform label {
    display: block !important;
}
section.banner.media .quoteform .label_title {
    display: block !important;
    font-family: "Roboto";
    font-weight: 500;
    text-align: left;
    font-size: 14px;
    padding: 0 0 5px 10px !important;
}
section.banner.media .quoteform .dimsTable .label_title {
    text-align: center !Important;
    padding-left: 0 !important;
}

.quoteform #parcelRows {
    clear: both;
}

.quoteform #parcelRows #baseRow {
    overflow: hidden;
}

.form.generic a.button.quote {
    font-family: "Roboto" !important;
    font-weight: normal !important;
    -moz-border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    border-radius: 30px !important;
    -khtml-border-radius: 30px !important;
    background-color: #02548f !important;
    border: 1px solid #02548f;
    padding-left: 30px !Important;
    padding-right: 30px !Important;
}
    .form.generic a.button.quote span {
        color: #fff !important;
        text-align: center;
    }
ul.carousel.carriers {
    display: table;
    padding: 15px 0px 15px;
    margin: 0px auto;
    list-style-type: none;
    text-align: center;
    width: 100%;
    max-width: 750px;
}
ul.carousel.carriers li {
    display: table-cell;
    padding: 30px 0px;
    margin: 0px;
    list-style-type: none;
    vertical-align: middle;
    height: 60px;
}
ul.carousel.carriers li img {
    width: 75%;
    height: auto;
    margin: 0px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    }
ul.carousel.carriers li a {
    display: block;
    width: 100%;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    -khtml-border-radius: 8px !important;
    text-align: center;
    }
ul.carousel.carriers li a.button {
    font-weight: normal;
    margin: auto !important;
    }
ul.carousel.carriers li a:hover img,
ul.carousel.carriers li a:active img,
ul.carousel.carriers li a:focus img {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    }

ul.carousel.carriers li strong {
    display: none;
    text-indent: -99999px;
    overflow: hidden;
    }

ul.carousel.carriers li.ups a { background-image: url(../layout/brands/logo-ups.png); }
ul.carousel.carriers li.upsaccesspoint a { background-image: url(../layout/brands/logo-ups-access-point.png); }
ul.carousel.carriers li.dhl a { background-image: url(../layout/brands/logo-dhl.png); }
ul.carousel.carriers li.tnt a { background-image: url(../layout/brands/logo-tnt.png); }
ul.carousel.carriers li.dpd a { background-image: url(../layout/brands/logo-dpd.png); }
ul.carousel.carriers li.dx a { background-image: url(../layout/brands/logo-dx.png); }
ul.carousel.carriers li.dtdc a { background-image: url(../layout/brands/logo_dtdc.png); }


div#trackingForm  {
    display: block;
    padding-bottom: 20px;
}

div.active span.slide-tracking {
    display: none !important;   
    }

div.section.banner div.inner-container section.tracker { background-color: transparent !important;}

section.tracker {
    display: block;
    text-align: center;
    padding: 0px 0px 0px;
}

section.tracker h3 {
      margin: 20px auto 0px;
      padding: 8px 0px 8px 55px;
      letter-spacing: 0px !important;
      background-repeat: no-repeat;
      display: inline-block;
      text-align: center;
      color: #02548f;
      font-size: 2em;
      background-image: url(../layout/icon-tracking-medium.png);
      background-repeat: no-repeat;
      background-position: left center;
      background-size: auto 50px;
    }
section.tracker label {
    white-space: nowrap;
    padding: 10px 0px 0px;
    }
section.tracker form table {
    margin: 0px auto !important;
    }
section.tracker table td {
    vertical-align: middle;
    }
span.slide-tracking,
span.slide-terms {
    display: inline-block;
    color: #fff;
    background-image: url(../layout/bg-slidebutton-tracking-left.png), url(../layout/bg-slidebutton-tracking-right.png);
    background-position: left top, right top;
    background-size: 30px 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}
span.slide-tracking {
    padding: 5px 30px 5px 22px;
}
span.slide-terms {
    padding: 5px 34px;
}
span.slide-terms {
    font-size: 1em;
    background-image: url(../layout/bg-slidebutton-terms-left.png), url(../layout/bg-slidebutton-terms-right.png);
}
span.slide-tracking {
    font-size: 1.2em;
    background-image: url(../layout/bg-slidebutton-tracking-left.png), url(../layout/bg-slidebutton-tracking-right.png);
}
    span.slide-tracking span {
        display: block;
        padding: 2px 0px 2px 25px;
        background-image: url(../layout/icon-tracking-small.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
span.slide-tracking.active {
    color: #fff;
    margin-bottom: 0px;
    }

section.tracker input[type=text] {
    border: 2px solid #fff;
    padding: 6px 0px;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    -khtml-border-radius: 4px !important;
    margin: 3px 8px;
    text-align: center;
    width: 90%;
    }
div#trackingFailed {
    width: 100%;
    display: block;
    color: #fff;
    padding:  0;
    margin: 8px auto 0px;
}
div#trackingFailed span {
    background-color: #c40202;
    width: auto;
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    margin: 0px auto;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    -khtml-border-radius: 4px !important;
}
a.circle {
    display: table;
    color: #fff;
    text-align: center;
    vertical-align:middle; 
    text-decoration: none;
    padding: 25px;
    position: absolute;
    z-index: 50;
    right: 10px;
    top: 5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius:50%;
    -khtml-border-radius: 50%;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
}
a.circle:hover,
a.circle:focus,
a.circle:active {
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    }
a.circle span.inner {
    display: table-cell;
    max-width: 130px;    
    }
a.circle.right {
    float: right;    
    }
a.circle b {
    display: block;
    color: #fff !important;
    font-size: 1.3em;
    font-weight: normal;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center bottom 8px;
    margin: 0px auto;
    }
a#trigger-video {
    z-index: 50;
}
a#trigger-video.circle b {
    background-image: url(../layout/icon-videoplayer.png);
    background-size: 40px auto;
    padding-bottom: 45px;
    }
a.circle.active span.inner {
    display: none;
    }
a.circle.active {
    /*top: -120%;*/
    }
a.circle span.button {
    background-color: #fff;
    display: inline-block;
    padding: 4px 9px;
    margin: 14px auto 0;
    -moz-border-radius: 6px !important;
    -webkit-border-radius:6px !important;
    border-radius: 6px !important;
    -khtml-border-radius: 6px !important;
}
div.reviews {
    display: block;
    padding: 80px 0px;
    background-color: #fff;
    background-position: center top;
    background-repeat: repeat-x;
}
div.social {
    display: block;
    position: relative;
    padding: 15px 0px;
    overflow: hidden;
}
.curved_top {
    padding-top: 90px !important;
    position: relative;
}
    .curved_top:before {
        display: block;
        content: "";
        width: 120%;
        height: 140px;
        background-color: #fff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        position: absolute;
        top: -110px;
        left: -10%;
        border-bottom: 12px solid #dfe9f2;
        z-index: 2;
    }
    .survey.curved_top:before {
        top: -80px;
        background-color: #f6f9fc;
    }
div.categories,
div.services,
div.process,
div.section.blue {
	width: auto;
    position: relative;
    text-align: center;
    z-index: 1;
}
div.process.contact {
    padding-bottom: 30px;
    }
div.categories p,
div.services p {
    color: #fff;
    display: table-caption;
    }
div.categories section,
div.services section,
div.process div.section {
    color: #fff;
    height: 100%;
    }
    div.services section a {
        color: #fff;
        font-weight: normal;
    }

div.summary-services {
    display: block;
}
.summary-services { 
    display: block;
    padding: 20px 0;
    }
    .summary-services section {
        display: block;
        float: left;
        width: 23%;
        margin: 0 1%;
        box-sizing: border-box;
    }

    
    .summary-services.de .inner,
    .offset_sellingpoints.deservices ul {
        max-width: 400px !important;
    }
    .summary-services.de section,
    .offset_sellingpoints.deservices li {
        width: 48%;
    }
        .summary-services section h1,
        .summary-services section h2,
        .summary-services section h3,
        .summary-services section h4,
        .summary-services section h5 {
            padding: 0px !important;
        }
        .summary-services section h1 a,
        .summary-services section h2 a,
        .summary-services section h3 a,
        .summary-services section h4 a,
        .summary-services section h5 a,
        .summary-services section span.title {
            display: block;
            background-repeat: no-repeat;
            background-position: center top;
            text-align: center;
            padding: 100px 0 6px;
            font-size: 15px;
            letter-spacing: 2px;
            line-height: 1.4em;
}
        .summary-services section.parceldelivery h1 a,
        .summary-services section.parceldelivery h2 a,
        .summary-services section.parceldelivery h3 a,
        .summary-services section.parceldelivery h4 a,
        .summary-services section.parceldelivery h5 a {
            background-image: url(../layout/blue-badge-parcel.png); 
        } 
        .summary-services section.palletdelivery h1 a,
        .summary-services section.palletdelivery h2 a,
        .summary-services section.palletdelivery h3 a,
        .summary-services section.palletdelivery h4 a,
        .summary-services section.palletdelivery h5 a {
            background-image: url(../layout/blue-badge-pallet.png); 
        }  
        .summary-services section.airfreight h1 a,
        .summary-services section.airfreight h2 a,
        .summary-services section.airfreight h3 a,
        .summary-services section.airfreight h4 a,
        .summary-services section.airfreight h5 a {
            background-image: url(../layout/blue-badge-air.png); 
        }  
        .summary-services section.seafreight h1 a,
        .summary-services section.seafreight h2 a,
        .summary-services section.seafreight h3 a,
        .summary-services section.seafreight h4 a,
        .summary-services section.seafreight h5 a {
            background-image: url(../layout/blue-badge-sea.png); 
        }  
        .summary-services section.packaging h1 a,
        .summary-services section.packaging h2 a,
        .summary-services section.packaging h3 a,
        .summary-services section.packaging h4 a,
        .summary-services section.packaging h5 a {
            background-image: url(../layout/blue-badge-basket.png); 
        }
        .summary-services section.measure h1,
        .summary-services section.measure h2,
        .summary-services section.measure h3,
        .summary-services section.measure h4,
        .summary-services section.measure h5,
        .summary-services section.measure span.title {
            background-image: url(../layout/blue-icon-measure-parcel.png); 
        }
        .summary-services section.measurePallet h1,
        .summary-services section.measurePallet h2,
        .summary-services section.measurePallet h3,
        .summary-services section.measurePallet h4,
        .summary-services section.measurePallet h5,
        .summary-services section.measurePallet span.title {
            background-image: url(../layout/blue-badge-pallet.png); 
        }
        .summary-services section.choose h1,
        .summary-services section.choose h2,
        .summary-services section.choose h3,
        .summary-services section.choose h4,
        .summary-services section.choose h5,
        .summary-services section.choose span.title {
            background-image: url(../layout/blue-icon-choose.png); 
        }
        .summary-services section.date h1,
        .summary-services section.date h2,
        .summary-services section.date h3,
        .summary-services section.date h4,
        .summary-services section.date h5,
        .summary-services section.date span.title {
            background-image: url(../layout/blue-icon-select-date.png); 
        }
        .summary-services section.print h1,
        .summary-services section.print h2,
        .summary-services section.print h3,
        .summary-services section.print h4,
        .summary-services section.print h5,
        .summary-services section.print span.title {
            background-image: url(../layout/blue-icon-print.png); 
        }

        .summary-services section div.moreinfo {
            display: none;
            line-height: 1.7em;
            padding-top: 8px;
        }


ul.tabbed-panels li.parceldelivery span b,
div.services section.parceldelivery h2 a,
div.categories section.parceldelivery h2,
div.process div.section.parceldelivery a { 
    background-image: url(../layout/icon-parcel-small.png); 
    }

    div.process div.section.parcelhold a {
        background-image: url(../layout/icon-step-handover.png);
    }

    div.process div.section.usadelivered a {
        background-image: url(../layout/icon-step-parcel-usa.png);
    }
    div.process div.section.usacustoms a {
        background-image: url(../layout/icon-step-customs-usa.png);
    }
    div.process div.section.flydhl a {
        background-image: url(../layout/icon-step-fly-dhl.png);
    }
    div.process div.section.uspstruck a {
        background-image: url(../layout/icon-step-usps-truck.png);
    }
ul.tabbed-panels li.parceldelivery span b { 
    background-image: url(../layout/icon-parcel-x-small.png); 
    }


div.categories section.airfreight h2,
div.services section.airfreight h2 a { background-image: url(../layout/icon-plane-small.png); }

ul.tabbed-panels li.airfreight span b { background-image: url(../layout/icon-plane-x-small.png); }

ul.tabbed-panels li.seafreight span b,
div.categories section.seafreight h2,
div.services section.seafreight h2 a { background-image: url(../layout/icon-boat-small.png); }

ul.tabbed-panels li.seafreight span b { background-image: url(../layout/icon-boat-x-small.png); }

div.services section.specials h2 a { background-image: url(../layout/icon-specials-small.png); }

div.categories section.freight h2,
div.services section.pallet h2 a { background-image: url(../layout/icon-pallet-small.png); }

div.services section.clock h2 a { background-image: url(../layout/icon-clock-light.png); }
div.services section.book-online h2 a { background-image: url(../layout/icon-book-online.png); }
div.services section.loyalty-points h2 a { background-image: url(../layout/icon-loyalty-points.png); }

div.services section.imports h2 a { background-image: url(../layout/icon-import.png); }

div.services section.tg h2 a { background-image: url(../layout/icon-tg.png); }

div.services section.depot h2 a { background-image: url(../layout/icon-depot-small.png); }

div.services section.dhlinfo h2 a { background-image: url(../layout/icon-dhl-info.png); }

div.services section.upsinfo h2 a { background-image: url(../layout/icon-ups-info.png); }

div.services section.tntinfo h2 a { background-image: url(../layout/icon-tnt-info.png); }

div.services section.import h2 a { background-image: url(../layout/icon-import-small.png); }

div.process div.section.measure a { background-image: url(../layout/icon-step-measure-small.png); }

div.process div.section.choose a { background-image: url(../layout/icon-step-choose-small.png); }

div.process div.section.date a { background-image: url(../layout/icon-step-calendar-small.png); }

div.process div.section.print a { background-image: url(../layout/icon-step-print-small.png); }

div.services section.packaging h2 a { background-image: url(../layout/icon-shopping-basket-small.png); }

ul.tabbed-panels li.shop span b { background-image: url(../layout/icon-shopping-basket-x-small.png); }

div.services section.dpd h2 a { background-image: url(../layout/icon-dpd.png); }

div.services section.tnt h2 a { background-image: url(../layout/icon-tnt.png); }

div.services section.accesspoint h2 a { background-image: url(../layout/icon-ups-accesspoint.png); }

div.services section.findaccesspoint h2 a { background-image: url(../layout/icon-ups-accesspoint-find-small.png); }

div.services section.envelope h2 a { background-image: url(../layout/icon-envelope.png); }


div.services section.eu h2 a { background-image: url(../layout/icon-eu.png); }

div.services section.insurance h2 a { background-image: url(../layout/icon-insurance.png); }

div.services section.luggage h2 a { background-image: url(../layout/icon-luggage.png); }

div.categories section.cshelp h2 { background-image: url(../layout/icon-help-small.png); background-size: 60px auto; padding-top: 60px; }

div.categories section.importantinfo h2 { background-image: url(../layout/icon-important-info-small.png); background-size: 60px auto; padding-top: 60px; padding-bottom: 10px; }

div.categories section.customs h2 { background-image: url(../layout/icon-customs-small.png); background-size: 60px auto; padding-top: 60px; }

div.categories li.cutoff { background-image: url(../layout/icon-clock-small.png); background-size: 55px auto; padding-top: 60px; }

div.categories li.tracker { background-image: url(../layout/icon-track-parcel-small.png); background-size: 60px auto; padding-top: 60px; }

div.categories li.currencyconvert { background-image: url(../layout/icon-currencyconvert-small.png); background-size: 55px auto; padding-top: 60px; }

div.categories li.remoteaccess { background-image: url(../layout/icon-remotesupport-small.png); background-size: 55px auto; padding-top: 60px; }

div.categories li.accesspoint { background-image: url(../layout/icon-ups-accesspoint-small.png); background-size: 55px auto; padding-top: 60px; }

div.categories li.calculator { background-image: url(../layout/icon-insurance-calculator-small.png); background-size: 55px auto; padding-top: 60px; }

div.categories li.eori { background-image: url(../layout/icon-eori-small.png); background-size: 64px auto; padding-top: 60px; }

div.categories li.codelookup { background-image: url(../layout/icon-codelookup-small.png); background-size: 58px auto; padding-top: 60px; }

div.process div.section.phone a { background-image: url(../layout/logo-icon-call-white-medium.png); }
footer div.contact-us ul li.call { background-image: url(../layout/logo-icon-call-white-x-small.png); }

div.process div.section.email a { background-image: url(../layout/logo-icon-email-white-medium.png); }
footer div.contact-us ul li.email a { background-image: url(../layout/logo-icon-email-white-x-small.png); }

div.process div.section.chat a { background-image: url(../layout/logo-icon-chat-white-medium.png); }
footer div.contact-us ul li.chat a { background-image: url(../layout/logo-icon-chat-white-x-small.png); }

div.process div.section.navigate a { background-image: url(../layout/logo-icon-navigate-medium.png); }

div.services section div.inner,
div.process div.section div.inner {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0px;
    }

div.categories div.tools li {
    font-size: 1.2em;
    margin: auto 0px;
    background-repeat: no-repeat;
    background-position: center 15px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    }
div.services section h2 a, 
div.services section h3 a,
div.process div.section a, 
div.process div.section a {
    font-size: 1.6em;
    margin: auto 7%;
    background-repeat: no-repeat;
    background-position: center 15px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    }
div.categories section h2,
div.categories section h3{
    font-size: 1.2em !important;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center 15px;
    display: inline-block;
    color: #fff !important;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    position: relative;
    }

div.categories section h2,
div.categories section h3,
div.services section h2 a, 
div.services section h3 a {
    padding: 61px 0px 0px 0px;
    background-size: 50px auto;
    }

div.process div.section a.expand {
    padding: 70px 0px 0px 0px;
    background-size: 80px auto;
    }
div.process div.section.email a.expand,
div.process div.section.navigate a.expand,
div.process div.section.phone a.expand,
div.process div.section.chat a.expand,
div.process div.section.email a.enquiry-button {
    padding: 70px 0px 0px 0px;
    background-size: 50px auto !important;
    min-width: 90px;
    }
div.services section h2,
div.services section h3 {
    margin: 0px !important;
    padding: 0px !important;
    }
div.services section h2 a,
div.services section h3 a {
    font-size: 1.1em;
    }

div.process div.section a,
div.process div.section a {
    font-size: 1.3em;
    }
div.services section h2 a:hover, 
div.services section h3 a a:hover,
div.process div.section h2 a:hover, 
div.process div.section h3 a a:hover {
    background-size: 55px auto;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    }
div.services section h2 a:hover,
div.services section h3 a:hover,
div.services section h2 a:active,
div.services section h3 a:active,
div.services section h2 a:focus,
div.services section h3 a:focus,
div.process div.section a:hover,
div.process div.section a:hover,
div.process div.section a:active,
div.process div.section a:active,
div.process div.section a:focus,
div.process div.section a:focus {
    color: #fff;
    text-decoration: none;
    }
div.services section span,
div.process div.section span {
    color: #fff;
    margin: auto 7%;
    padding: 7px 0px 0px 0px;
    display: block;
    text-align: left;
    font-size: 0.95em;
    line-height: 1.5em;
    }

div.services section div.moreinfo a,
div.process div.section div.moreinfo a,
div.services section div.enquiry-form a,
div.process div.section div.enquiry-form a {
    background-image: none !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    }

form.directions label,
form.directions label b,
div.services section div.moreinfo b,
div.process div.section div.moreinfo b,
div.process div.section div.enquiry-form b {
    color: #cadef4 !important;

    }

div.button.chat a,
section.blue a.button,
section.enquiry-form form a.button,
form.directions input.button,
div.services section a.button,
div.process a.button {
    padding: 6px 12px !important;
    margin: 9px 5px 0px 6px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius:8px !important;
    border-radius: 8px !important;
    -khtml-border-radius: 8px !important;
    letter-spacing: 0px;
    font-weight: normal !important;
    }

form.directions input.button {
    border: 1px solid #003d7c;
}

div.services section a.button {
    font-size: 1em !important;
    }
    div.services section a.button.medium {
    font-size: 1.1em !important;
    }
section a.button.white {
    background-color: #f6f9fc !important;
    color: #115fb2 !important;
    border-color: #fff !important;
}
div.process a.button {
    font-size: 1.2em;
    }


div.services section a.button,
div.process a.button

div.process div.section a.more,
div.process div.section a.expand { 
    display: inline-block !important; 
}

div.process div.button-container {
    padding-top: 0px !important;
    }

div.process h3.title,
div.process h4.title,
section.enquiry-form h3 {
    color: #fff !important;
    font-size: 1.5em;
    margin: 0px !important;
    padding: 10px initial 0px;
    position: relative;
    z-index: 0;
    }

div.accordion h5.title,
div.accordion h4.title,
div.accordion h1.title,
div.accordion h3.title,
div.accordion h2.title {
    color: #fff;
    font-size: 1.5em;
    margin: 10px 0px 20px !important;
    padding: 10px initial 0px;
    position: relative;
    z-index: 0;
    }
img.title.flag {
    position: relative;
    z-index: 20;
    top: 8px;
    width: 45px;
    height: 45px;
    margin-right: 12px;
}

section.latest-news {
    padding: 10px initial;
}
div.carriers {
    padding: 50px 0 70px !important;
    text-align: center;
}
section.latest-news {
    text-align: center;
}
section.latest-news ul {
    display: block;
    padding: 20px 0px 10px;
    margin: 0px auto;
    list-style-type: none;
    text-align: center;
    width: 100%;
    max-width: 1150px; 
}
#social_media {
    text-align: center;
    padding: 50px 0;
}
    #social_media h5 {
        text-align: center;
        display: block;
        padding: 50px 0 40px;
        font-size: 30px;
        font-weight: 800 !important;
        font-family: "Lato" !important;
        letter-spacing: 0;
        margin: 0 !important;
        position: relative;
        color: #355681 !important;
    }
div.form.quote h1,
div.form.quote h2,
div.form.quote h3,
div.titleheader h1,
div.titleheader h2,
div.titleheader h3 {
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    text-align: center;
}
div.accreditationsBanner {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    clear: both;
    position: relative;
    text-align: center;
    position: relative;
    top: -50px;
}
.accreditationsBanner img,
.accreditationsBanner div {
    display: inline-block;
}
div.accreditationsBanner div.trustpilot-widget {
    width: 100%;
    max-width: 500px;
    position: relative;
    transform: translateY(-150%);
}
#careers {
    max-width: 1450px;
}
    #careers p,
    #careers ul.bullet,
    #careers ol.bullet,
    #careers .panelled_list {
        max-width: 750px;
        margin: auto;
    }
div.form.quote {
    display: block;
    width: auto;
    text-align: center;
    padding: 10px 0px 0px;
    margin: 0px;
}
   
    div.form.quote.split {
        max-width: 1400px;
        margin: auto;
    }
        div.form.quote.split .quote_heading {
            position: relative;
            top: 40px;
            float: left;
            width: 40%;
            margin: 0 5%;
            text-align: left;
            /*display: none;*/
        }
            div.form.quote.split .quote_heading {
                font-size: 2.2em !important;
            }
        div.form.quote.split .form_content {
            display: block;
            float: right;
            width: 46%;
            padding: 40px 50px 40px;
            margin: 50px 2% 30px;
            text-align: left;
            box-sizing: border-box;
            background: rgba(0, 0, 0, 0.4);
            background: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0));
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -khtml-border-radius: 10px;
            position: relative;
        }
            body.careers  div.form.quote.split .form_content,
            body.careers.driver div.form.quote.split .form_content, 
            body.careers.driver-east-midlands div.form.quote.split .form_content {
                float: left;
                margin: 40px 10%;
                width: 80%;
                max-width: 650px;
            }
                body.careers.freight-warehouse-admin-london div.form.quote.split .form_content {
                    max-width: 850px;
                }
                body.careers div.form.quote.split .form_content:before {
                    position: absolute;
                    left: 0;
                    top: 0;
                    display: inline-block;
                    transform: translateY(-50%) skewY( -7deg);
                    ;
                }
                body.careers div.form.quote.split .form_content:before {
                    content: "We're hiring!";
                    color: #01619e;
                    font-size: 15px;
                    font-family: "Roboto";
                    font-weight: 700;
                    text-transform: uppercase;
                    padding: 10px 30px 10px 30px;
                    background-color: #fff;
                    letter-spacing: 1px;
                }
            .tui div.form.quote.split .form_content,
            .clp div.form.quote.split .form_content,
            .international_courier div.form.quote.split .form_content {
                float: right;
                margin-top: 50px;
            }
                div.form.quote.split.centered .form_content {
                    float: none;
                    width: 90%;
                    max-width: 800px;
                    margin-left: auto;
                    margin-right: auto;
                }
                    div.form.quote.split.centered .form_content h3 {
                        text-align: center;
                    }
            div.form.quote.split .quote_heading,
            .tui div.form.quote.split .quote_heading,
            .clp div.form.quote.split .quote_heading,
            .international_courier div.form.quote.split .quote_heading {
                float: none;
            }

            div.form.quote.split .form_content .trustpilot-widget {
                padding: 15px 0 20px 0;
            }
            div.form.quote.split .form_content h1,
            div.form.quote.split .form_content h2,
            div.form.quote.split .form_content h3,
            div.form.quote.split .form_content h4,
            div.form.quote.split .form_content h5,
            div.form.quote.split .form_content p,
            div.form.quote.split .form_content .ContentPage_Content {
                text-align: left;
                width: 100%;
                padding: 0 0 30px !important;
                margin: 0 !important;
                box-sizing: border-box;
            }
                .form_content p strong {
                    color: #fff !important;
                }
            div.form.quote.split .form_content ul,
            div.form.quote.split .form_content li {
                color: #fff;
                margin: 0;
                padding: 3px 0 3px 25px;
                list-style-type: none;
            }
                .form_content .info li {
                    font-size: 14px;
                    font-family: "Roboto";
                    text-shadow: 1px 1px #000;
                    position: relative;
                }
                    /*div.form.quote.split .form_content li:before {
                        display: block;
                        width: 10px;
                        height: 10px;
                        background-color: #42d15a;
                        content: "";
                        -moz-border-radius: 2px;
                        -webkit-border-radius: 2px;
                        border-radius: 2px;
                        -khtml-border-radius: 2px;
                        position: absolute;
                        top: 8px;
                        left: 0;
                    }*/
                    div.form.quote.split .form_content li:before {
                        display: inline-block;
                        transform: rotate(45deg);
                        height: 14px;
                        width: 6px;
                        content: "";
                        border-bottom: 4px solid #00b378;
                        border-right: 4px solid #00b378;
                        position: absolute;
                        left: 0;
                        top: -1px;
                    }
            div.form.quote.split .form_content ul {
                padding: 0px 0 16px 20px !important;
                font-family: "Roboto";
                font-size: 14px;
                text-shadow: 1px 1px #000;
            }
            div.form.quote.split .form_content p a {
                color: #b1e2ff !important;
            }
            div.form.quote.split .form_content .ContentPage_Content {
                padding-bottom: 0 !important;
            }
            div.form.quote.split .form_content .logo_images {
                text-align: center;
                padding: 10px 0;
            }
                div.form.quote .logo_images img {
                    margin: 0 2%;
                }
                div.form.quote.split .form_content .logo_images.corporate img {
                    max-height: 50px;
                    margin: 0 5%;
                }
section.banner.media.gls div.form.quote.split .form_content img.brand_logo {
    max-width: 160px;
    margin-bottom: 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}
        div.form.quote.split .selling_points,
        div.form.quote.split .selling_points li {
            list-style-type: none;
            box-sizing: border-box;
            padding: 0 !important;
            margin: 0;
            text-align: center;
        }
            div.form.quote.split .selling_points li {
                display: block;
                float: left;
                width: 25%;
                font-family: "RobotoBold";
                padding: 50px 10px 25px !important;
            }
        div.form.quote.split span.clear {
            display: none;
        }
        div.form.quote.split form span.clear {
            display: block;
        }
    div.form.quote.split .heading-container {
        max-width: 2000px !important;
    }
        div.form.quote.split form {
            display: block;
            float: left;
            width: 46%;
            padding: 40px 2% 0;
            text-align: left;
            clear: left;
        }
        div.form.quote.split form div.center-column.seventy {
            width: 90% !important;
            margin: auto;
        }
        div.form.quote.split .quoteform div.formSubmit,
        div.form.quote.split .quoteform .field_group.col_50:first-of-type,
        div.form.quote.split .quoteform .field_group.col_50:nth-of-type(2) {
            width: 96% !important;
            margin: 6px 2% 6px !important
        }
        div.form.quote.split .quoteform div.formSubmit {
            text-align: left !important;
        }

        div.form.quote.seafreight {
            background-repeat: repeat-x;
            background-position: left bottom;
            background-size: auto 45px;
            padding-bottom: 60px;
        }

div.form.quote div.luggage,
div.form.quote div.courier {
    display: block;
    padding: 0px;
    margin: 0px auto;
    text-align: center;
    position: relative;
    /*z-index: 0;*/
    }

    div.form.quote.split.compact .quoteform .field_group .form_container {
        position: relative;
    }
    div.form.quote.split.compact .quoteform .row.postcode {
        position: absolute;
        top: 0;
        right: 0;
        width: 40%;
    }
    div.form.quote.split.compact .quoteform .row.country {
        width: 60%;
        border-bottom: none;
        border-right: 1px dashed #bac9e5;
    }
    div.form.quote.split.compact #collectionCityRow,
    div.form.quote.split.compact #deliveryCityRow {
        border-top: 1px dashed #bac9e5;
        border-bottom: none;
    }
    /*div.form.quote.luggage h1,
div.form.quote.luggage h2,
div.form.quote.luggage h3 {
    background-image: url(../layout/icon-badge-baggage.png);
}*/
    div.form.quote.ebayCloud h1,
    div.form.quote.ebayCloud h2,
    div.form.quote.ebayCloud h3 {
        background-image: url(../layout/logo-ebayCloud.png);
        background-size: auto !important;
        padding-left: 150px !important;
    }
div.form.quote.amazonCloud h1,
div.form.quote.amazonCloud h2,
div.form.quote.amazonCloud h3 {
    background-image: url(../layout/logo-amazonCloud.png);
    background-size: auto !important;
    padding-left: 150px !important;
}
/*div.form.quote.freight h1,
div.form.quote.freight h2,
div.form.quote.freight h3 {
    background-image: url(../layout/icon-badge-freight.png);
}*/
div.form.quote.surveys h1,
div.form.quote.surveys h2,
div.form.quote.surveys h3 {
    background-image: url(../layout/icon-badge-survey.png);
}
/*div.form.quote.courier h1,
div.form.quote.courier h2,
div.form.quote.courier h3 {
    background-image: url(../layout/icon-badge-parcel.png);
}*/
    div.form.quote.courier h1.flag,
    div.form.quote.courier h2.flag,
    div.form.quote.courier h3.flag {
        background-image: none !important;
        padding-left: 0px !important;
    }

div.form.quote.links h1,
div.form.quote.links h2,
div.form.quote.links h3 {
    background-image: url(../layout/icon-badge-links.png);
}

div.form.quote.europe h1,
div.form.quote.europe h2,
div.form.quote.europe h3 {
    background-image: url(../layout/icon-badge-europe.png);
}

/*div.form.quote.airfreight h1,
div.form.quote.airfreight h2,
div.form.quote.airfreight h3 {
    background-image: url(../layout/icon-badge-airfreight.png);
}*/
/*div.form.quote.seafreight h1,
div.form.quote.seafreight h2,
div.form.quote.seafreight h3 {
    background-image: url(../layout/icon-badge-seafreight.png);
}*/
div.form.quote.dhl h1,
div.form.quote.dhl h2,
div.form.quote.dhl h3 {
    background-image: url(../layout/icon-badge-dhl.png);
}
div.form.quote.tnt h1,
div.form.quote.tnt h2,
div.form.quote.tnt h3 {
    background-image: url(../layout/icon-badge-tnt.png);
}
/*div.form.quote.usps h1,
div.form.quote.usps h2,
div.form.quote.usps h3 {
    background-image: url(../layout/icon-badge-usps.png);
}*/
div.form.quote.dpd h1,
div.form.quote.dpd h2,
div.form.quote.dpd h3 {
    background-image: url(../layout/icon-badge-dpd.png);
}

div.form.quote.ups h1,
div.form.quote.ups h2,
div.form.quote.ups h3 {
    background-image: url(../layout/icon-badge-ups.png);
}

div.form.quote.accesspoint h1,
div.form.quote.accesspoint h2,
div.form.quote.accesspoint h3 {
    background-image: url(../layout/icon-badge-accesspoint.png);
}

div.form.quote.dpd h1,
div.form.quote.dpd h2,
div.form.quote.dpd h3 {
    background-image: url(../layout/icon-badge-dpd.png);
}

div.form.quote.uk h1,
div.form.quote.uk h2,
div.form.quote.uk h3 {
    background-image: url(../layout/icon-badge-uk.png);
}

    div.form.quote table.dimensions,
    div.form.quote table.dimensions tr,
    div.form.quote table.dimensions td {
        padding: 0;
        margin: 0;
        text-align: center;
    }
    div.form.quote table.dimensions td input[type="text"] {
        padding: 6px;
        width: 100%;
        box-sizing: border-box;
        border: none !important;
        text-align: center;
    }
    div.form.quote.airfreight {
        max-width: 800px;
        margin: auto !important;
    }
    div.form.quote.airfreight h1 {
        float: left;
        padding-top: 30px !important;
    }
        div.form.quote.airfreight p {
            padding-top: 20px !important;
        }
    div.form.quote.airfreight div.simplesearch {
        position: relative;
        top: 10px;
    }
        div.form.quote.airfreight table.dimensions {
            width: 100%;
            box-sizing: border-box;
        }
            div.form.quote.airfreight table.dimensions th {
                color: #fff;
                text-align: center;
                font-weight: normal;
                font-size: 13px;
                padding: 4px;
                box-sizing: border-box;
                text-shadow: 1px 1px #000;
}
                
                }
            div.form.quote.airfreight table.dimensions td {
                text-align: center;
                box-sizing: border-box;
                padding: 5px 0;
            }
                div.form.quote.airfreight table.dimensions td input {
                    padding: 12px;
                    border-right: 1px solid #bac9e5 !important;
                    border-left: 1px solid #fff !important;
                }
                div.form.quote.airfreight table.dimensions td.copy {
                    max-width: 35px;
                    border: none !important;
                }
                    div.form.quote.airfreight table.dimensions td.copy a {
                        display: block;
                        background-repeat: no-repeat;
                        background-position: center;
                        width: 30px;
                        height: 27px;
                        opacity: 0.5;
                        filter: alpha(opacity=50);
                        -webkit-transition: all .25s ease;
                            -moz-transition: all .25s ease;
                            -o-transition: all .25s ease;
                            -ms-transition: all .25s ease;
                            transition: all .25s ease;
                    }
                        div.form.quote.airfreight table.dimensions td.copy a:hover,
                        div.form.quote.airfreight table.dimensions td.copy a:active,
                        div.form.quote.airfreight table.dimensions td.copy a:focus {
                            opacity: 1;
                            filter: alpha(opacity=100);
                            -webkit-transition: all .25s ease;
                            -moz-transition: all .25s ease;
                            -o-transition: all .25s ease;
                            -ms-transition: all .25s ease;
                            transition: all .25s ease;
                        }
                    div.form.quote.airfreight table.dimensions td.copy a.btnCopyDown {
                        background-image: url(../layout/arrow-copyall-white.png);
                    }
                    div.form.quote.airfreight table.dimensions td.copy a.copyDimensions {
                        background-image: url(../layout/arrow-copydown-white.png);
                    }
                        div.form.quote.airfreight table.dimensions td.copy a img {
                            visibility: hidden;
                        }

div.form.quote.airfreight table.dimensions td.packageCount strong {
    display: inline-block;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    overflow: hidden;
    -moz-border-radius: 50% ;
    -webkit-border-radius: 50% ;
    border-radius: 50% ; 
    -khtml-border-radius: 50% ;
    text-shadow: 1px 1px 0 #000;
}
        div.form.quote.airfreight div.quote-column select,
        div.form.quote.airfreight div.quote-column input[type="text"] {
            display: block;
            width: 100%;
            padding: 14px;
            text-align: center;
            border: none;
            box-sizing: border-box;
        }
        div.form div.two-col label,
        div.form div.three-col label,
        div.form.quote.airfreight div.quote-column label {
            display: block;
            width: 100%;
            padding: 7px;
            text-align: left;
            font-size: 13px;
            box-sizing: border-box;
        }
        div.form.quote.airfreight div.form.destination-details div.three-col label {
            white-space: nowrap;
        }
.col16,
.col17,
.col18,
.col19,
.col20,
.col80,
.col83 {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

table.dimensions td.first input,
table.dimensions td.first select {
    -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;
    }
table.dimensions td.last input,
table.dimensions td.last select  {
    -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;
    }
.evri_Banner {
    display: block;
    background-color: #eaf0fb;
    box-sizing: border-box;
    margin: 5px 0 20px;
    padding: 10px;
    color: #0082d4;
    font-family: "Roboto";
    border: 2px solid #0082d4;
    vertical-align: middle;
}
.evri_Banner span {
    display: inline-block;
    padding: 0;
    line-height: 20px;
    vertical-align: middle;
}
    .evri_Banner img {
        width: 100%;
        box-sizing: border-box;
    }
    div.simplesearch {
        display: block;
        display: inline-block;
        width: 90%;
        max-width: 250px;
        position: relative;
        margin: 10px auto;
    }
    div.simplesearch label {
        display: none;
    }
    div.simplesearch input[type="text"] {
        display: block;
        width: 100%;
        position: relative;
        z-index: 0;
        text-align: center;
        padding: 0px 40px 0px 10px;
        background-color: #d7e3ef;
        -moz-border-radius: 30px !important;
        -webkit-border-radius: 30px !important;
        border-radius: 30px !important; 
        -khtml-border-radius: 30px !important;
        box-sizing: border-box;
        line-height: 40px;
        height: 40px;
        letter-spacing: 1px;
        vertical-align: middle;
        font-size: 20px;
        color: #879cb1;
        text-transform: uppercase;
        }
        div.simplesearch input[type="text"]:active,
        div.simplesearch input[type="text"]:focus {
            background-color: #fff;
            color: #065390;
        }
        div.simplesearch input[type="text"]::-webkit-input-placeholder { line-height: 40px; text-transform:none; letter-spacing: 0px; }
        div.simplesearch input[type="text"]:-ms-input-placeholder { line-height: 40px; text-transform:none; letter-spacing: 0px; }        
        div.simplesearch input[type="text"]::-moz-placeholder { line-height: 40px; text-transform:none; letter-spacing: 0px; }
        div.simplesearch input[type="text"]:-moz-placeholder { line-height: 40px; text-transform:none; letter-spacing: 0px; }

    div.simplesearch a {
        display: block;
        width: 30px;
        height: 100%;
        background-image: url(../layout/cart/icon_lookup.png);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        right: 5px;
        bottom: 0;
         -moz-border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important; 
        -khtml-border-radius: 50% !important;
    }
    div.simplesearch a span {
        display: none;
    }

div.form.quote div.form {
    max-width: 900px;
    margin: auto;
}
    div.form div.two-col {
        display: block;
        clear: both;
        padding: 0;
        box-sizing: border-box;
        margin: 10px 0;
    }
    div.form div.two-col div {
            box-sizing: border-box;
            padding: 0;
            margin: 0;
        }
    div.form div.three-col {
        display: block;
        clear: both;
        padding: 0;
        box-sizing: border-box;
    }
    div.form div.three-col div {
            box-sizing: border-box;
            padding: 0;
            margin: 0;
            position: relative;
            }
        div.form div.two-col div#airportsDiv,
        div.form div.three-col div#airportsDiv {
            width: 100%;
        }
        
        div.form div.two-col div select,
        div.form div.three-col div select,
        div.form div.two-col div input[type="text"],
        div.form div.three-col div input[type="text"] {
            border: none;
            width: 100%;
            margin: 0;
            padding: 10px;
        }
        div.form.quote div.form input:disabled,
        div.form.quote div.form select:disabled {
            background-color: #e2eaf9;
            color: #7794ab;
        }

        div.form div.two-col span.field-validation-error,
        div.form div.three-col span.field-validation-error {
            position: absolute;
            top: 3px;
            right: 3px;
        }
div.radio-select {
    display: block;
    width: 100% !important;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
    color: #7794ab;
}
    div.radio-select span.placeholder {
        display: block;
        text-align: left;
        padding: 10px;
        background-image: url(../layout/bg-icon-input-select.png);
        background-repeat: no-repeat;
        background-position: 99% center !important;
    }
        div.radio-select span.option {
            display: none;
            padding: 0 !important;
            position: relative;
            padding: 0;
            margin: 0;
            background-color: #fff;
            }

        div.radio-select span.field-validation-valid {
            position: absolute;
            width: 10px;
            height: 10px;
            right: 5px;
            top: 5px;
            padding: 0 !important;
            margin: 0 !important;

        }
    div.radio-select label {
        display: block;
        width: 100%;
        text-align: left;
        margin: 0;
        padding: 10px !important;
        color: #000;        
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-position: right center;
    }
        section.banner.blue div.radio-select label { color: #000 !important; }
        section.banner.media div.radio-select label { color: #000 !important; text-shadow: none; }

    div.radio-select input[type="radio"] {
        display: none;
    }
div.radio-select span.option.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
div.radio-select:hover,
div.radio-select:focus,
div.radio-select:active {
    position: absolute !important;
    
}
 
div.radio-select:hover span.option,
div.radio-select:focus span.option,
div.radio-select:active span.option {
    display: block;
    position: relative;
    width: 100%;
    z-index: 5;
    box-shadow: 5px 6px 6px #000;
}


div.form div.three-col div.right div.radio-select .option.active:hover,
div.form div.three-col div.right div.radio-select .option.active:active,
div.form div.three-col div.right div.radio-select .option.active:focus {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    }
div.form div.three-col div.middle input,
div.form div.three-col div.middle select {
    border-left: 1px solid #bac9e5 !important;
    border-right: 1px solid #bac9e5 !important;
}

div.radio-select input[type=radio]:checked + label,
div.radio-select input[type=radio]:checked ~ label {
    background-image: url(../layout/cart/icon_tick_green.png);
    
    display: block !important;
}
div.radio-select:hover input[type=radio]:checked + label,
div.radio-select:hover input[type=radio]:checked ~ label {
    background-color: #d9f2b8;
}
div.form.quote div.consignmentDetails,
div.form.quote div.destination-details {
    padding: 5px 0 10px 0;
    clear: both;
}
.banner.blue div.form.quote.airfreight div.formSubmit {
    padding: 10px 0 40px 0 !important;
}

div.service-summary ul li {
    float: left;
    list-style-type: none;
    padding: 3%;
    margin: 0;
    width: 33%;
    box-sizing: border-box;
}
ul.air-freight-info {
    display: block;
    padding: 30px 0;
    margin: 0;
    list-style-type: none;
}
ul.air-freight-info li {
    list-style-type: none;
    margin: 0;
    box-sizing: border-box;
    color: #01619e ;
}
ul.air-freight-info li:before {
    display: block;
    width: 75px;
    height: 75px;
    margin: auto;
    margin-bottom: 40px;
    content: "";
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -moz-border-radius: 50%;
    -webkit-border-radius:50%;
    border-radius: 50%; 
    -khtml-border-radius: 50%;
    border: 2px solid #124c7f;
}
li.af-info:before { background-image: url(../layout/icon_exclamation.png); }
li.ic-quote:before { background-image: url(../layout/icon_truck_courier.png); }
li.af-delivered:before { background-image: url(../layout/icon_weight_250kg.png); }

div.container-advertisement.freight h4 {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/img-pallets-freight.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 180px;
    background-size: 200px auto;
}
div.container-advertisement.europe h4 {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/flag-eu.jpg");
    background-repeat: no-repeat;
    background-position: center 95%;
    padding-bottom: 110px;
    background-size: 140px auto;
}
div.container-advertisement.dhl h4 {
    background-image: url("../layout/illustration-parcel-dhl.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 180px;
    background-size: 200px auto;
}
div.container-advertisement.tgexpress h4 {
    background-image: url("../layout/brands/logo-tg-express.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 70px;
    background-size: 140px auto;
}
div.container-advertisement.dpd h4 {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-dpd.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 70px;
    background-size: 140px auto;
}
div.container-advertisement.tnt h4 {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-tnt.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 70px;
    background-size: 140px auto;
}
div.container-advertisement.ups h4 {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-ups.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 70px;
    background-size: 110px auto;
}
div.container-advertisement.accesspoint h4 {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-ups-access-point.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 70px;
    background-size: 110px auto;
}

div.form.quote form {
    text-align: center;
    display: block;
    position: relative;
    /*z-index: 0;*/
}
div.form.quote div.courier div.table.destination {
    display: table;
    margin: 0px auto !important;
    border-spacing: 0px 10px;
    position: relative;
    /*z-index: 0;*/
    }
div.form.quote div.formSubmit {
    padding-bottom: 14px;
    }
.banner.blue div.form.quote div.formSubmit {
    padding-top: 7px !important;
}

div.collectionCutOff label,
div.form.quote div.courier div.countrySelect label {
    text-transform: capitalize;
    display: inline-block;
    padding-right: 4px;
    font-size: 1.1em;
    }
input#postcodeInput,
div.form.section input,
section.form.section input,
div.form-container textarea,
div.tariff-search form input,
div.tariff-search form select,
div.container.insurance input,
div.table.addressDetails select,
table.quote_destinations td input,
div.make-payment input[type=text],
div.filterForm input[type="text"],
table.standard td input[type="text"],
div.form-container input[type="text"],
div.table.addressDetails input[type=text],
form.currency-calculator input[type=text],
div.form.quote table#contentDescription input,
div#divPostcodesRequiredContent input[type=text],
div.form.quote div.courier div.countrySelect input[type=text],
div.form.quote div.courier div.postcodeContainer input[type=text] {
    min-height: 15px;
    -moz-border-radius: 7px !important;
    -webkit-border-radius: 7px !important;
    border-radius: 7px !important;
    -khtml-border-radius: 7px !important;
    padding: 8px !important;
    box-sizing: border-box;
}
div#divPostcodesRequiredContent input[type=text] {
    width: 100%;
}

div.access-point-postcode-selection input,
div.access-point-postcode-selection select,
select.select,
div.select select,
td.inputCell select,
span.dropdown select,
div.filterForm select,
div.form.section select,
section.form.section select,
form.currency-calculator select,
table.clean input, table.clean select,
div.form.quote div.courier div.countrySelect select,
div.form.quote div.courier div.postcodeContainer select {
    min-height: 15px;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    -khtml-border-radius: 4px !important;
    padding: 5px 15px 5px 5px !important;
}
table.quote.form td input[type=text],
div.form.quote div.courier div.postcodeContainer input[type=text] {
     padding: 7px 0;  
     text-align: center;
    }
div.table.structure { 
    display: table; 
    margin: 14px 0px; 
}
div.table.structure.full-width {width: 100%;}
div.table.structure div.row { 
    display: table-row; 
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
    -khtml-border-radius: 8px;
}
div.table.structure div.row.total { background-color: #fff !important; }
div.table.structure div.cell { display: table-cell; padding: 12px 12px; }
div.table.structure div.cell.data {color: #054f95;}
div.table.structure div.cell.data b {font-weight: bold; font-size: 0.85em;}
div.table.structure div.cell.data a.hover span.notification b { font-size: 1.2em !important; }
div.table.structure div.cell.data b.charge,
div.table.structure div.cell.data#cellAvailableCreditAfterOrder { display: block; text-align: right; font-weight: bold; font-size: 13px; font-family: arial;  }
div.table.structure div.cell.label { font-family: arial; font-weight: bold; color: #054f95; font-size: 0.95em; white-space: nowrap; vertical-align: middle;}
div.table.structure div.cell.checkbox label { white-space: nowrap; }


    div.table.structure div.cell.label span.note {
        white-space: normal;
        font-weight: normal;
        font-size: 0.9em;
    }

div.table.structure.vertical label {
    font-family: arial;
    font-weight: bold;
    color: #054f95;
    font-size: 0.95em;
    display: block;
    width: auto;
    clear: both;
    padding: 3px;
    }

div.table.structure.address div.cell.label {
    width: 20%;
    }

div.table.quote {
    display: block;
    padding: 0px 0px;
    margin: 0px 0px;
}
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 {
    display: inline-block;
}
div.copyDown, div#copyToAll {
    padding: 0px;
    margin: 0px;
    display: block;
    text-align: center;
    width: 100%;
}
div.copyDown a, div#copyToAll a, 
section.enquiry-form form a.button,
form.directions input.button {
    cursor: pointer;
    color: #fff;
    }
div.table.quote div.cell.dimensions,
div.table.quote div.cell.items {
    width:24%;
}
div.table.quote div.cell label {
    text-align: center;
    font-weight: bold;
    display: none;
    text-align: left;
    white-space: nowrap;
    }
div.table.quote div.innerTable div#baseRow label, 
div.table.quote div.cell.type label, 
div.table.quote div.cell.items label {
    display: block !important;
    position: relative;
    font-family: arial;
    font-size: 0.9em;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }


div.table.quote input,
div.table.quote select,
table.quote.form td select {
    min-height: 15px;
    text-align: center;
    }
div.table.quote input { padding: 6px 0px; }
div.table.quote select, table.quote.form td select { padding: 6px 0px; }
div.copyDown {
    display: block;
    position: relative;
    z-index: 0;
}
/* BUTTONS */
a.quote-green {
  display: inline-block;
  padding: 0px 50px 0px 0px !important;
  margin: 6px 0px 5px 0px !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: 18px !important;
  background-image: url("../layout/btn-quoteRight.png") !important;
  text-decoration: none;
  font-weight: bold;
  font-family: arial;
  cursor: pointer;
}
    a.quote-green span {
          display: block;
          margin: 0px 0px 0px 0px;
          padding: 12px 20px 19px 40px !important;
          background-image: url("../layout/btn-quoteLeft.png") !important;
          background-position: left top !important;
          background-repeat: no-repeat !important;
    }

a.quote-green:hover, a.quote-green:active, a.quote-green:active {
  color: #fff !important;
  background-position: right bottom !important;
}
a.quote-green:hover span, a.quote-green:active span, a.quote-green:active span {
        color: #fff !important;
        background-position: left bottom !important;
    }
a.button {
  display: inline-block;
  width: auto;
  padding: 0px 0px 0px 0px !important;
  margin: auto;
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: bold;
  font-size: 1.1em;
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
a.button span {
  display: inline-block;
  width: auto;
  padding: 6px 20px 6px 20px !important;
  margin: auto 2px !important;
  background-repeat: no-repeat;
  background-position: right center;
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
a.actionlink {
  display: inline-block;
  width: auto;
  padding: 4px 13px 4px 13px !important;
  margin: auto;
  font-size: 1.1em;
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  top: 0px;
  left: 0px;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
}
input.button.quote { 
    line-height: 1.5em;
    font-size: 1.5em;
    font-weight: normal;
    padding: 0px 0px 0px;
    color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    -khtml-border-radius: 10px;
    padding: 4px 17px 5px;
    margin: 10px auto;
    border: none;
    }

a.button.quote { 
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important; 
    -khtml-border-radius: 10px !important;
    padding: 4px 17px 5px !important;
    margin: 10px auto !important;
    }

a.button.quote span {
    line-height: 1.7em;
    font-size: 1.6em;
    font-weight: normal;
    padding: 0px 0px 0px !important;
    }
a.button.quote.medium span {
    line-height: 1em;
    font-size: 1.5em;
    font-weight: normal;
    padding: 0px 0px 0px !important;
    }

button.button, 
a.button {
    display: inline-block;
    font-family: arial;
    font-size: 1em;
    font-weight: 600;
    background-position: bottom center;
    font-weight: bold;
    width: auto;
    cursor: pointer;
    text-align: center;
    padding: 6px 13px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    color:#fff;
}
    
a.button.trustpilot {
    background-color: #73b143;
    padding: 8px 16px !important;
    margin-top: 20px;
    }
a.btnBlue {
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    background-position: bottom center;
    font-weight: bold;
    width: auto;
    color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 4px 8px;
}
    a.btnBlue:hover,
    a.btnBlue:active,
    a.btnBlue:focus {
        text-decoration: none;
    }
a.btn, button.btn, span.btn {
    display: inline-block;
    font-family: arial;
    font-size: 0.85em;
    font-weight: bold;
    background-position: bottom center;
    font-weight: bold;
    width: auto;
    cursor: pointer;
    text-align: center;
    margin: 3px 0;
}
a.btn.medium, button.btn.medium, span.btn.medium { font-size: 1em; }
a.btn.large, button.btn.large, span.btn.large { font-size: 1.3em; padding: 0px 12px; margin:0px 10px 10px; }
a.btn.large.proceed, button.btn.large.proceed, a.btn.right, button.btn.right, span.btn.right { margin-top: 10px; }
a.btn.blue.large.back { margin-top: 10px !important; }


div.form.generic {
    display: block;
    padding: 0;
    margin: 0;
    width: auto;
    text-align: center;
}
    div.form.generic div.table.quote div.innerTable {
        display: block !important;
        width: auto !important;
        clear: both;
        }
.numbered {
    position: relative;
    padding-left: 15px !important;
}
.numbered:before {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -10px;
    left: -28px;
    background-color: #c9d3e5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
    font-size: 18px;
}
    .form.generic .quoteform .numbered:before {
        top: -5px;
        display: none;
    }
    .numbered.one:before {
        content: "1";
    }
    .numbered.two:before {
        content: "2";
    }
    .numbered.three:before {
        content: "3";
    }
    .numbered.four:before {
        content: "4";
    }
    .numbered.five:before {
        content: "5";
    }
    .numbered.six:before {
        content: "6";
    }
    .numbered.seven:before {
        content: "7";
    }
    .numbered.eight:before {
        content: "8";
    }
    .numbered.nine:before {
        content: "9";
    }
    .numbered.ten:before {
        content: "10";
    }
section.banner.media .numbered:before,
section.banner.blue .numbered:before {
    display: none !important;
    content: none;
}
.step {
    display: inline-block;
    width: 30px;
    background-color: #02548f;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 0.7em;
    position: absolute;
    left: -70px;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    -khtml-border-radius: 8px !important;
}
div.genericQuoteContent {
    display: block;
    margin-bottom: 15px;
}
    div.genericQuoteContent h1 {
        background-color: transparent !important;
        padding-top: 40px;
    }
    div.genericQuoteContent h1 span {
        font-size: 1.4em;
        color: #56709f;
        font-weight: normal;
    }
div.genericQuoteContent p {
    text-align: center;
    color: #56709f;
    padding: 0 !important;
    margin: 0 0 !important;
}
div.formGroup {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 8px 0 20px;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    -khtml-border-radius: 8px !important;
}
    div.formGroup:nth-child(even) {
        background-color: #fff;
    }
    div.form.quote.side div.formGroup:nth-child(even) {
        background-color: transparent !important;
    }
    section.banner.media div.formGroup,
    section.banner.blue div.formGroup {
        margin: 0px !important;
        padding: 0px !important;
        clear: both;
    }
div.formGroup.radiobuttons {
    text-align: left;
    padding: 20px;
}
    div.formGroup.radiobuttons div {
        padding: 10px;
    }
    div.formGroup.radiobuttons div,
    div.formGroup.radiobuttons div input,
    div.formGroup.radiobuttons div label {
        display: inline-block;
        text-align: left !important;
    }
div.formGroup span.acc_no,
div.formGroup span.currency {
    font-weight: normal;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 10px;
    color: #7794ab;
    font-family: "Roboto";
    transform: translateY(-50%);
}
div.formGroup#AccountStatus {
    background-color: #eff3fa !important;
}
div.formGroup#DTPTGAccountNumber {
    background-color: transparent !important;
}
section.banner.media packagestableformGroup {
    clear: both;
}
    div.column label,
    div.formGroup label,
    div.form.quote span.label,
    div.form.generic span.label,
    div.form.generic span.heading,
    div.form.generic .quoteform .field_group label {
        display: block;
        text-align: left;
        box-sizing: border-box;
        padding: 0 10px 0;
        color: #56709f;
        position: relative;
    }
        div.form.generic .quoteform .field_group label {
            font-size: 1.4em;
        }
            div.form.generic .quoteform .field_group .dimsTable label {
                font-size: 12px !important;
                text-align: center;
                margin: 0 !important;
                padding: 5px 0 !important;
                text-transform: uppercase;
            }
        section.banner.media div.formGroup label,
        section.banner.media div.formGroup span.label,
        section.banner.blue div.formGroup label,        
        section.banner.blue div.formGroup span.label,
        section.banner.blue div.form.quote span.label {
            color: #fff !important;
            font-size: 14px;
            margin-top: 15px;
            float: left;
            width: 20%;
            box-sizing: border-box;
            min-width: 150px;
            text-align: left;
            }
            section.banner.media div.formGroup label {
                font-size: 16px;
            }
            #packagestableformGroup label,
            section.banner.media div.formGroup.items label,
            section.banner.media div.formGroup.items span.label
            section.banner.blue div.formGroup.items label,        
            section.banner.blue div.formGroup.items span.label {
                width: 100% !important;
                }
        section.banner.media div.form.quote div#packagestableformGroup span.label,
        section.banner.blue div.form.quote div#packagestableformGroup span.label {
            display: none;
        }
        section.banner.media div.form.quote div.jointQuoteFields,
        section.banner.blue div.form.quote div.jointQuoteFields  {
            width: 95%;
            float: left;
            clear: none !important;
            box-sizing: border-box;
        }
        section.banner.media div.jointQuoteFields.destinations span.left,
        section.banner.blue div.jointQuoteFields.destinations span.left {
            width: 60% !important;
            max-width:290px;
        }
        section.banner.media div.jointQuoteFields.destinations span.right ,
        section.banner.blue div.jointQuoteFields.destinations span.right {
            width: 40% !important;
        }


    div.formGroup span.numbered {
        display: block;
        background-color: blue;
        color: #fff;
        width: 100px;
        height: 100%;
        float: left;
    }
    div.formGroup span.hint {
        position: absolute;
        right: 0;
        top: 120%;
        text-align: center;
        width: 200px !important;
        box-sizing: border-box;
        padding: 8px 8px 14px;
        border: 2px solid #498bd0 !Important;
        -moz-border-radius: 8px !important;
        -webkit-border-radius: 8px !important;
        border-radius: 8px !important;
        -khtml-border-radius: 8px !important;
        background-color: #fff;
        color: #0f4c8a;
        z-index: 50;
        display: none;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        cursor: help;
        
    }
        div.formGroup span.hint i {
            font-style: normal !important;
        }
        div.formGroup span.hint b {
            display: none;
            padding: 2px 4px;
            margin: 0 0 5px;
            color: #fff !important;
            background-color: #498bd0;
            border: 1px solid #498bd0;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -khtml-border-radius: 3px;
            font-size: 0.8em;
            text-transform: uppercase;
            text-align: center;
        }
        div.formGroup span.hint:before {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-bottom-color: #498bd0;
            right: 40px;
            top: -20px;

            }
        div.formGroup span.hint:after {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-bottom-color: #fff;
            right: 40px;
            top: -17px;
            }
        
    div.formGroup:hover span.hint,
    div.formGroup:active span.hint,
    div.formGroup:focus span.hint {
        display: block;

    }

    
div.form.generic span.label,
div.form.generic .quoteform .field_group label {
    display: block;
    margin: 20px 0 20px;
}
    div.form.generic .quoteform .field_group label {
        margin: 10px 0 5px;
    }
        div.form.generic .quoteform .field_group #collectionCityRow label,
        div.form.generic .quoteform .field_group #deliveryCityRow label {
            display: none;
        }
    div.form.generic span.label.indent {
        margin-left: 10px !important;
    }
    div.form.generic .quoteform#packagestableformGroup span.label.indent {
        margin-left: 0 !important;
        margin: 10px 0 5px !Important;
    }
div.form.generic p,
div.form.generic span.question {
    font-family: "Roboto";
    color: #5a729e;
    padding: 10px 15px;
    box-sizing: border-box;
    display: inline-block;
}
    div.form.generic span.question {
        font-weight: 800;
    }
div.form.generic .check_options {
    white-space: nowrap;
}
div.form.generic div.checkbox {
    display: block;
    margin: 40px 0;
    padding: 10px 10px 15px;
    text-align: left;
    border: 1px solid #bac9e5;
    box-sizing: border-box;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    -khtml-border-radius: 8px !important;
}
    div.form.generic div.checkbox input[type=checkbox] {
        float: left;
        display: block;
        width: auto;
        margin-right: 10px;
        position: relative;
        top: 5px;
    }
    div.form.generic div.checkbox ul,
    div.form.generic div.checkbox ul li {
        display: block;
        padding: 5px 10px 30px 5px;
        font-family: "Roboto";
        list-style-type: disc !important;
        list-style-position: outside;
        color: #5a729e;
    }
    div.form.generic div.checkbox ul {
        padding-left: 40px;
    }
        div.form.generic div.checkbox ul li {
            display: list-item;
            padding-bottom: 5px;
        }
        div.checkbox div.inner_box {
            background-color: #eff3fa;
            padding: 20px;
            -moz-border-radius: 8px !important;
            -webkit-border-radius: 8px !important;
            border-radius: 8px !important;
            -khtml-border-radius: 8px !important;
            font-family: "RobotoBold";
            
        }
    div.form.generic p,
    div.form.generic div.checkbox label {
        line-height: 1.8em;
        width: 90%;
        float: left;
        color: #5a729e;
    }
        div.form.generic p {
            float: none;
            width: 100%;
        }
div.form.generic span.heading {
    margin-bottom: 10px;
}
div.jointQuoteFields {
    display: block;
    width: auto;
    padding: 0;
    margin: 8px 0;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    -khtml-border-radius: 8px !important;
    border: 1px solid #bac9e5;
    background-color: #fff;
    clear: left;
    position: relative;
}
    .box div.jointQuoteFields {
        background-color: #f6f9fc;
        /*border: none;*/
    }
    .form.generic .formGroup div.jointQuoteFields {
        overflow:hidden;
    }
    div.jointQuoteFields span.left,
    div.jointQuoteFields span.right {
        display: block;
        padding: 0;
        margin: 0;
        height: 100%;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }
    div.jointQuoteFields span.divider {
        border-top: 1px solid #bac9e5;
    }
        div.jointQuoteFields span.clear {
            height: 1px;
            font-size: 0;
            float: none !important;
            padding: 0 !important;
            margin: 0 !important;
            width: 100%;
        }
        div.jointQuoteFields span input,
        div.jointQuoteFields span select,
        div.jointQuoteFields span textarea {
            border: none;
            height: 100% !important;
            width: 100%;
            display: block;
            padding: 9px 12px;
            background-color: transparent !important;
            box-sizing: border-box;
            background-position: 99% center !important;
        }
            div.jointQuoteFields span input.indent {
                padding-left: 20px;
            }
            div.jointQuoteFields.accountNo span input.indent {
                padding-left: 30px;
            }
        div.jointQuoteFields span select {
            padding-right: 20px !important;
        }
    div.jointQuoteFields span textarea {
            min-height: 120px;
    }
    div.jointQuoteFields.floated span.left,
    div.jointQuoteFields.floated span.right,
    div.jointQuoteFields div.floated span.left,
    div.jointQuoteFields div.floated span.right {
        width: 50%;
        float: left;
        border-bottom: none !important;
    }
    div.jointQuoteFields.floated span.divider,
    div.jointQuoteFields div.floated span.divider {
        border-left: 1px solid #bac9e5;
        border-top: none !important;
        
    }
div.jointQuoteFields span.check_options label {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px 12px 8px 30px;
    font-size: 13px;
    /*background-color: #eff3fa;
    border: 1px solid #bac9e5;*/
    margin: 20px 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    position: relative;
}
    .box div.jointQuoteFields span.check_options label {
        margin: 10px 5px;
    }
    div.jointQuoteFields span.check_options input[type="radio"]:before {
        display: block;
        width: 14px;
        height: 14px;
        content: "";
        background-color: #fff;
        border: 1px solid #bac9e5;
        
    }
        div.jointQuoteFields span.check_options input[type="radio"],
        div.jointQuoteFields span.check_options input[type="radio"]:before {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 8px;
        }
            div.jointQuoteFields span.check_options input[type="radio"]:before {
                left: 0;
            }
            div.jointQuoteFields span.check_options input[type="radio"]:checked:before {
                background-color: #fff;
                z-index: 1;
            }
            div.jointQuoteFields span.check_options input[type="radio"]:checked:after {
                content: "";
                display: block;
                width: 5px;
                height: 12px;
                position: absolute;
                background-color: transparent;
                border-bottom: 4px solid #17b432;
                border-right: 4px solid #17b432;
                z-index: 2;
                transform: rotate(38deg) translateY(-7px) translateX(2px);
            }
            div.jointQuoteFields span.check_options input[type="radio"]:checked + label {
                color: #17b432 !important;
            }
    div.jointQuoteFields span.check_options.three label {
        width: 30%;
    }
div.jointQuoteFields span.check_options input[type="radio"] {
    width: 15px !important;
    height: 15px !important;
    display: inline-block;
}
div.formGroup .ProceedOptions {
    display: block;
    padding: 10px 0 0;
    margin: 0;
}
    div.formGroup .ProceedOptions .alert {
        margin-bottom: 20px;
    }
    div.formGroup .ProceedOptions ul,
    div.formGroup .ProceedOptions li {
        display: block;
        padding: 4px 0;
        margin: 4px 0;
        list-style-type: none;
        font-family: "Roboto";
        color: #004a8a !important;
        text-align: right;
    }
        div.formGroup .ProceedOptions li a {
            display: inline-block;
            min-width: 90px;
            padding: 4px 10px;
            text-align: center;
            text-decoration: none;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            -khtml-border-radius: 6px;
            margin-left: 12px;
        }

            div.formGroup .ProceedOptions li.proceed a {
                background-color: #01619e;
                color: #fff;
                border: 1px solid #01619e;
            }

            div.formGroup .ProceedOptions li.cancel a {
                background-color: #f6f9fc;
                color: #01619e;
                border: 1px solid #bac9e5;
            }

    div.dimsTable {
        display: block;
        width: 100%;
        clear: both;
        padding: 0;
        margin: 0;
    }
    div.dimsTable div.row {
        display:block;
        clear: both;
    }
    div.dimsTable div.row div.column {
        display:block;
        float: left;
        box-sizing: border-box;
        width: 22%;
        float: left;
        padding: 0 0 12px;
        margin: 0;
    }
        div.dimsTable div.row div.column.copyDims {
            width: 30px !important;
        }

        div.dimsTable div.row div.column input {
            box-sizing: border-box;
            width: 85%;
            max-width: 180px;
            padding: 9px;
            border: 1px solid #bac9e5;
            text-align: center;
            -moz-border-radius: 8px !important;
            -webkit-border-radius: 8px !important;
            border-radius: 8px !important;
            -khtml-border-radius: 8px !important;
        }
                .form.generic div.dimsTable div.row div.column input {
                    -moz-border-radius: 0 !important;
                    -webkit-border-radius: 0 !important;
                    border-radius: 0 !important;
                    -khtml-border-radius: 0 !important;
                }
        section.banner.media div.dimsTable div.row div.column input,
        section.banner.blue div.dimsTable div.row div.column input {
            width: 100% !important;
            padding: 10px 9px;
            line-height: 18px;
            -moz-border-radius: 0px !important;
            -webkit-border-radius: 0px !important;
            border-radius: 0px !important;
            -khtml-border-radius: 0px !important;
            border-left: 1px solid #bac9e5 !important;
            border-right: 1px solid #fff !important;
            border-bottom: none !important;
            border-top: none !important;
        }
            section.banner.media div.dimsTable div.row div.column:first-of-type input,
            section.banner.blue div.dimsTable div.row div.column:first-of-type input {
                -webkit-border-top-left-radius: 8px !important;
                -moz-border-radius-topleft: 8px !important;
                border-top-left-radius: 8px !important;
                -webkit-border-bottom-left-radius: 8px !important;
                -moz-border-radius-bottomleft: 8px !important;
                border-bottom-left-radius: 8px !important;
            }
            section.banner.media div.dimsTable div.row div.column.height input,
            section.banner.blue div.dimsTable div.row div.column.height input {
                -webkit-border-top-right-radius: 8px !important;
                -moz-border-radius-topright: 8px !important;
                border-top-right-radius: 8px !important;
                -webkit-border-bottom-right-radius: 8px !important;
                -moz-border-radius-bottomright: 8px !important;
                border-bottom-right-radius: 8px !important;
            }

            section.banner.media div.dimsTable div.row div.column.copyDims a,
            section.banner.media div.dimsTable div.row div#baseRow div.column.copyDims a,
            section.banner.blue div.dimsTable div.row div.column.copyDims a,
            section.banner.blue div.dimsTable div.row div#baseRow div.column.copyDims a {
                display: block;
                background-position: center;
                width: 30px;
                height: 27px;
            }
            section.banner.media div.dimsTable div.row div#baseRow div.column.copyDims a ,
            section.banner.blue div.dimsTable div.row div#baseRow div.column.copyDims a {
                background-image:url(../layout/arrow-copyall-white.png);
            }
            section.banner.media div.dimsTable div.row div.column.copyDims a,
            section.banner.blue div.dimsTable div.row div.column.copyDims a {
                background-image:url(../layout/arrow-copydown-white.png);
            }
            section.banner.media div.dimsTable div.row div.column.copyDims a img,
            section.banner.media div.dimsTable div.row div#baseRow div.column.copyDims a img,
            section.banner.blue div.dimsTable div.row div.column.copyDims a img,
            section.banner.blue div.dimsTable div.row div#baseRow div.column.copyDims a img {
                visibility: hidden;
                display: none;
            }
            section.banner.media div.jointQuoteFields span select,
            section.banner.blue div.jointQuoteFields span select {
                background-image: url(../layout/bg-icon-input-select-downarrow.png) !important;
            }
            section.banner.media div#packagestableformGroup div.formGroup,
            section.banner.blue div#packagestableformGroup div.formGroup {
                float: left;
                clear: none;
                width: 48%;
                box-sizing: border-box;
            }
            section.banner.media div#packagestableformGroup div.dimsTable,
            section.banner.blue div#packagestableformGroup div.dimsTable {
                float: left;
                clear: none;
                width: 52%;
                padding-top: 7px;
            }
            section.banner.media div.dimsTable div.row.lableheading div.column,
            section.banner.blue div.dimsTable div.row.lableheading div.column {
                padding-bottom: 8px
            }
        div.dimsTable div.row:first-of-type div.column {
            -webkit-border-top-right-radius: 8px;
            -webkit-border-top-left-radius: 8px;
            -moz-border-radius-topright: 8px;
            -moz-border-radius-topleft: 8px;
            border-top-right-radius: 8px;
            border-top-left-radius: 8px;
        }
         div#baseRow div.column {
            -webkit-border-top-right-radius: 0px !important;
            -webkit-border-top-left-radius: 0px !important;
            -moz-border-radius-topright: 0px !important;
            -moz-border-radius-topleft: 0px !important;
            border-top-right-radius: 0px !important;
            border-top-left-radius: 0px !important;
        }
        div.dimsTable div.row:last-of-type div.column {
            -webkit-border-bottom-right-radius: 8px;
            -webkit-border-bottom-left-radius: 8px;
            -moz-border-radius-bottomright: 8px;
            -moz-border-radius-bottomleft: 8px;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px;
        }
        div.dimsTable div.row div.column.left {
            text-align: left;
        }
        div.dimsTable div.row div.column.copyDims {
            position: relative;
            height: 100%;
            padding-bottom: 0px !important;
        }
            div.dimsTable div.row div.copyDims a {
                position: relative;
                display: inline-block;
                top: -3px;
            }           

        div.column label {
            text-align: center;
            padding-top: 8px;
            display: block;
        }
        
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
}
input[type=number] {
   -moz-appearance:textfield;
}
h3.icon.survey {background-image: url(../layout/icon-survey-small.png);}

table.condensed td {
    vertical-align: top;
}

table.condensed .summary_info span,
#ServiceInformation .page_information table.condensed td .summary_info span {
    display: block;
    display: none;
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box;
}
table.condensed .summary_info strong {
    position: relative;
    padding: 5px 0 5px 30px;
    display: block !important;
    cursor: help;
}
    table.condensed td .summary_info strong:before {
        display: block;
        content: "";
        width: 2px;
        height: 11px;
        background: #355681;
        position: absolute;
        top: 50%;
        left: 4px;
        transition: 0.2s linear all;
        transform: translateY(-50%) rotate(360deg);
    }
        table.condensed td .summary_info strong.active:before {
            transform: translateY(-150%);
            opacity: 0;
            transition: 0.2s linear all;
        }
    table.condensed .summary_info strong:after {
        display: block;
        content: "";
        width: 11px;
        height: 2px;
        background: #355681;
        position: absolute;
        top: 50%;
        left: 0px;
        transition: 0.2s linear all;
        transform: translateY(-50%);
    }
        table.condensed .summary_info strong.active:after {
            transform: translateY(-50%) rotate(360deg);
            transition: 0.2s linear all;
        }

a.find {
    display: inline-block;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    background-image: url(../layout/icon-magnify-white.png);
    background-repeat: no-repeat;
    background-position: center center;
}

a.btn.icon.order span { background-image: url(../layout/icon-magnify-search-small.png); background-size: 15px;}
a.btn.icon.invoice span { background-image: url(../icons/money_pound.png); background-size: 15px;}
a.button.icon.download span, a.btn.icon.download span { background-image: url(../images/icons/small-booking.gif); }
a.btn.icon.vieworder span { background-image: url(../images/icons/hourglass.png); }
a.btn.icon.packinglist span { background-image: url(../shared/images/icons/small_job.gif); }
a.btn.icon.csv span { background-image: url(../layout/icon_download_export-blue.png); background-size: 15px;}

a.btn span, a.button span, button.btn span, span.btn span {
    display: inline-block;
    white-space: nowrap;
    background-position: 95% center;
    background-repeat: no-repeat;
    width: auto;
    }
a.btn.white, button.btn.white, span.btn.white {
    background-color: #fff;
    background-repeat: no-repeat;
    border: 1px solid #498bd0;

    }
a.btn.white:hover,
button.btn.white:hover,
span.btn.white:hover {
    color: #fff !important;
    text-decoration: none;
    }
/*a.btn.blue, button.btn.blue, span.btn.blue {
    background-color: #02548F;
    background-repeat: repeat-x;
    background-image: url("../layout/rpt-bg-subnav.png");
    color: #fff;
    border: 1px solid #011751;
    text-shadow: 1px 1px #00264e;
    }*/
a.btn.blue, button.btn.blue, span.btn.blue {
    color: #fff;
    font-size: 1em;
    }
a.btn.red, button.btn.red, span.btn.red {
    background-color: #ab0000;
    color: #fff;
    border: 1px solid #7f0000;
    text-shadow: 1px 1px #7f0000;
    }

a.btn:hover, a.btn:active, a.btn:focus, button.btn:hover, button.btn:active, button.btn:focus { background-image: none; }

a.btn.save span { background-image: url(../layout/btn-icon-save.png);}
a.btn.view span { background-image: url(../layout/icon-search.png); }
a.btn.pdf span { background-image: url(../layout/icon_PDF.png); }
a.btn.excel span { background-image: url(../layout/icon_Excel.png); }
a.btn.settings span { background-image: url(../layout/icon-settings.png); }

a.btn.add span, a.btn.add:hover span, a.btn.add:active span, a.btn.add:focus span, button.btn.add span, button.btn.add:hover span, button.btn.add:active span, button.btn.add:focus span  
{ background-image: url(../layout/icon-add.png);}
a.btn.calculate span, button.btn.calculate span, button.btn.calculate:hover span, button.btn.calculate:active span, button.btn.calculate:focus span
{ background-image: url(../layout/btn-icon-calculate.png); }
a.btn.viewtimed span, button.btn.viewtimed span, button.btn.viewtimed:hover span, button.btn.viewtimed:active span, button.btn.viewtimed:focus span
{ background-image: url(../layout/btn-icon-clock.png); }
a.btn.delete span, a.btn.delete:hover span, a.btn.delete:active span, a.btn.delete:focus span, button.btn.delete span, button.btn.delete:hover span, button.btn.delete:active span, button.btn.delete:focus span
/*{ background-image: url(../layout/icon-delete.png);}*/
{background-image: url(../layout/icon-delete-dark.png);}
a.btn.lookup span, button.btn.lookup span, button.btn.lookup:hover span, button.btn.lookup:active span, button.btn.lookup:focus span
{ background-image: url(../layout/icon-search.png);}
a.btn.clock span { background-image: url(../layout/icon_timed.png);}

a.button.copydown,
div.copyDown a.btn.link {
    background-image: url(../layout/icon-copydownarrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    }
    section.banner.blue a.button.copydown, 
    section.banner.blue div.copyDown a.btn.link {
	    color: #fff !important;
    }
a.button.copydown span,
div.copyDown a.btn.link span {
    padding-right: 17px !important;  
    }

a.button.copydown, a.button.copyabove,
a.btn.form, button.btn.form, span.btn.form,
a.button.form {
    color: #fff;
    text-shadow: 1px 1px #003f68;
    -moz-border-radius: 6px !important;
    -webkit-border-radius:6px !important;
    border-radius: 6px !important; 
    -khtml-border-radius: 6px !important;
    }
a.button.copydown.above {
    background-color: transparent !important;
    text-shadow: none !important;
    
    }
a.button.copydown.above span {
    color: #115fb2 !important;
    }
a.btn img {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    position: relative;
    left: 7px;
    top: 5px;
    }

table.standard td.label_select ul,
table.standard td.label_select ul li {
    list-style-type: none;
    background: none;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
    table.standard td.label_select ul li:before {
        display: none;
    }
table.standard td a.btn, table.standard td a.select { float: right; }

table.standard td a.button.nofloat, table.standard td a.btn.nofloat { float: none !important; }

table.standard td a.btnBlue { margin: 5px 0; white-space: nowrap; }

table.standard td.serviceName a,
div.checkbox_container label {
    color: #004a8a;
    }
table.standard td.highlight b {
    font-size: 1.1em;
}
tr.restricted, tr.restricted td, tr.restricted:hover td.highlight {
    background-color: #f8f8f8 !important;
    color: #c9c4c4 !important;
}
    tr.restricted a.link.enable {
        color: #0185cd !important;
        text-decoration: underline;
        float: right !important;
        margin: auto 10px;
    }
    td span.vat-notice {
        font-size: 0.8em;
    }
td.restricted span.printer-required,
tr.restricted td img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1);
    opacity: 0.2;
}
tr.restricted.Landmark.Global.DDP td,
tr.restricted.Landmark.Global.DDP td img,
td.restricted.Landmark.Global.DDP span.printer-required,
tr.restricted.Landmark.Global.DDP:hover td.highlight,
tr.restricted.Landmark.Global.DDP a.link span,
tr.restricted.Landmark.Global.DDP b,
tr.restricted.Landmark.Global.DDP a.btn.disabled,
table#quotationTbl tr.restricted.Landmark.Global.DDP span.note,
table#quotationTbl tr.restricted.Landmark.Global.DDP span.name,
.Export tr.restricted.DPD.Classic td,
.Export tr.restricted.DPD.Classic td img,
.Export td.restricted.DPD.Classic span.printer-required,
.Export tr.restricted.DPD.Classic:hover td.highlight,
.Export tr.restricted.DPD.Classic a.link span,
.Export tr.restricted.DPD.Classic b,
.Export tr.restricted.DPD.Classic a.btn.disabled,
.Export table#quotationTbl tr.restricted.DPD.Classic span.note,
.Export table#quotationTbl tr.restricted.DPD.Classic span.name,
.Export tr.restricted.TG.Euro td,
.Export tr.restricted.TG.Euro td img,
.Export td.restricted.TG.Euro span.printer-required,
.Export tr.restricted.TG.Euro:hover td.highlight,
.Export tr.restricted.TG.Euro a.link span,
.Export tr.restricted.TG.Euro b,
.Export tr.restricted.TG.Euro a.btn.disabled,
.Export table#quotationTbl tr.restricted.TG.Euro span.note,
.Export table#quotationTbl tr.restricted.TG.Euro span.name {
    opacity: 1 !important;
}

    tr.restricted.Landmark.Global.DDP td.lastCell a.btn.disabled,
    .Export tr.restricted.DPD.Classic td.lastCell a.btn.disabled,
    .Export tr.restricted.TG.Euro td.lastCell a.btn.disabled,
    .Export #quotationTbl.Spain tr.restricted.DPD.Classic td.lastCell a.btn.disabled,
    .Export #quotationTbl.Spain tr.restricted.TG.Euro td.lastCell a.btn.disabled,
    .Export #quotationTbl.Italy tr.restricted.DPD.Classic td.lastCell a.btn.disabled,
    .Export #quotationTbl.Italy tr.restricted.TG.Euro td.lastCell a.btn.disabled,
    .Export #quotationTbl.Austria tr.restricted.DPD.Classic td.lastCell a.btn.disabled,
    .Export #quotationTbl.Austria tr.restricted.TG.Euro td.lastCell a.btn.disabled {
        display: none !important;
    }
/* FIX FOR DISPLAY ISSUES ON DE QUOTES 
    .Export #quotationTbl.Germany tr.restricted.DPD.Classic td.lastCell a.btn.disabled {
        display: block !important;
    }

    .Export #quotationTbl.Germany tr.restricted.DPD.Classic td.lastCell span.notification b,
    .Export #quotationTbl.Germany tr.restricted.TG.Euro.Parcel td.lastCell span.notification b {
        color: #fff !important;
    }
    END FIX FOR DISPLAY ISSUES ON DE QUOTES */

table#quotationTbl td.serviceName,
table#quotationTbl tr.restricted td.serviceName a,
table#quotationTbl tr.restricted span.name,
table#quotationTbl tr.restricted span.note,
tr.restricted a.link span,
tr.restricted a.link,
tr.restricted b,
a.btn.disabled {
    color: #c9c4c4 !important;
}

table#quotationTbl tr:nth-child(even){
    /*
        remove inherited alternate row colour styling,
        test mode throws this off so we will account for it
        by placing an alt class on the applicable rows
    */
    background-color: initial !important;
}

/*table#quotationTbl tr.altrow,*/
table#quotationTbl tbody tr:nth-of-type(even) {
    background-color: #e2eaf9 !important;
}
div.testmodedatarow,
table#quotationTbl tr td.testmodedatarow {
    background-color: #EFEFEF;
}

div#viewfooterlinks {
    padding: 12px 0px 0px;
    margin: 0px;
    width: auto;
    text-align: center;
    clear: both;
}
/*
div#viewfooterlinks span {

    background-image: url(../layout/icon-activate-menu-white.png);
}*/
span.slide-terms:after {
    background-image: url(../layout/icon-activate-menu-white.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px auto;
    padding-right: 20px;
    }
span.slide-terms.active:after {
    background-image: url(../layout/icon-deactivate-menu-white.png) !important;
}

li.button-container,
div.button-container {
    display: block;
    width: auto;
    clear: both;
    text-align: center;
    padding: 10px 0px 15px;
    margin: 0px auto;
}
div.button-container.restrict-width {
    max-width: 650px;
    text-align: center;
}

/* END BUTTONS */

div.cse {
    display: block;
    background-image: url(../layout/logo-cse-totem.png);
    background-repeat: no-repeat;

}
    div.cse h1 {
        margin-left: 25px !important;
    }
div.validation-error {
    display: block;
    text-align: center;
    padding: 5px 0px;
    margin: 0;
}
div.validation-summary-errors,
div.banner.alert, a.banner.alert
 {
    background-color: #fef0f1;
    border-top: 1px solid #fecbcf;
    border-bottom: 1px solid #fecbcf;
    display: block;
    font-family: arial;
    clear: both;
    width: auto;
    margin: 0;
    padding: 2px 0;
    font-size: 0.95em;
    
}
.Address_Form input.input-validation-error {
    background-color: #fef0f1;
    border: 1px solid #d85151 !important;
}

section.banner.media .quoteform .field_group .postcode input.required-error,
#form_country_selector form .form_container input.requiredError {
    background-color: #e8b7ba;
    border-radius: 0px 0px 10px 10px;
}
section.banner.media .quoteform .field_group .postcode input.required-error::-webkit-input-placeholder { color: #800d15 !important; }
section.banner.media .quoteform .field_group .postcode input.required-error::-moz-placeholder { color: #800d15 !important; }
section.banner.media .quoteform .field_group .postcode input.required-error:-ms-input-placeholder { color: #800d15 !important; }
section.banner.media .quoteform .field_group .postcode input.required-error:-moz-placeholder { color: #800d15 !important;}

#bothPostcodesTable .required-error {
    background-color: #FF8E96;
}

.bothPostcodesPopupBackground {
    height: 100%;
    background-color: #D3E3FF;
}

.bothPostcodesPopupContent {
    padding: 30px 10px 20px 20px;
    font-size: 1.2em;
}

div.validation-error div.validation-summary-errors {
    display: inline-block !important;
    margin: 0 auto;
    border: 1px solid #f7a5a8 !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
}

    div.validation-error div.validation-summary-errors li { background-position: left 3px !important;}

div.validation-summary-error {
    background-color: #fef0f1;
    display: block;
    font-family: arial;
    clear: both;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 0.95em;
}

div.validation-summary-error.inline

div.validation-summary-error span.field-validation-error {
    font-weight: bold;
    padding: 16px 0px;
    display: block;
    }
div.banner.alert span.info:after,
a.banner.alert span.info:after {
    content:"View";
    display: inline-block;
    margin-left: 8px;
    background-color: #d85151;
    color: #fff !important;
    padding: 3px 6px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    -khtml-border-radius: 4px;
    }
div.validation-summary-error,
div.validation-summary-errors,
div.validation-summary-errors a,
div.banner.alert a, a.banner.alert a {
    color: #d85151;
    }

div.validation-summary-errors img,
/*div.banner img,*/ 
a.banner img {
   float: left;
    }
div.validation-summary-errors span.info,
div.banner span.info, 
a.banner span.info {
    display: inline-block;
    padding: 0 0 0 5px;
    }
span.RepeaterNoItems,
div.SuccessNotification,
div.banner.success,
div.banner.notice, a.banner.notice,
div.banner.information, a.banner.information,
div.ErrorNotification,
span.RepeaterNoItems {
    display: block;
    font-family: arial;
    clear: both;
    width: auto;
    margin: 0;
    padding: 2px 0;
    font-size: 0.95em;
}
.fixed_validation_message {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 200;
    padding: 17px 0 !important;
    font-weight: 300 !important;
}
.consignment_manager div.ErrorNotification {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

div.validation-summary-errors span,
div.SuccessNotification span,
div.banner.success span,
div.banner.notice span, a.banner.notice span,
div.banner.information span, a.banner.information span,
div.ErrorNotification span,
span.RepeaterNoItems span {
    display: inline-block;
    padding: 7px 12px;
    width: auto;
    font-weight: bold;


    line-height: 1.5em;
    }

span.RepeaterNoItems span {
    color: #c00000;
    }
div.banner.notice, a.banner.notice {
    background-color: #e6f3ff;
    border: 1px solid #cfe4f8;
    color: #02548F;
}
div.banner.information, a.banner.information {
    color: #498bd0;
    text-align: left;
    /*border-top: 4px solid #fff;*/
    border-bottom: 1px solid #e2eaf9;
}
div.banner.information strong, a.banner.information strong {
    color: #498bd0;
    }
div.banner.information ul {
    background-image: none !important;
    padding-left: 0px !important;
    width: 100%;
    text-align: center;
    }


div.banner.information li a span.content {
    /*background-image: url(../layout/icon-alert-notice-blue-small.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px auto;*/
    display: inline-block;
    padding: 5px 6px;
    text-align: left;
    font-weight: normal;
    }

    div.banner.information li a span.info {
        font-weight: normal;
        font-size: 1.1em;
    }

div.banner.information li a span.button {
    display: inline-block !important;
    color: #fff !important;
    font-size: 0.9em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    -khtml-border-radius: 5px;
    font-weight: normal;
    }
    div.banner.information li a:hover,
    div.banner.information li a:active,
    div.banner.information li a:focus {
        text-decoration: none;
    }
div.SuccessNotification, a.banner.success {
    background-color: #2e9500;
    border: 1px solid #237100;
    color: #fff;
    text-indent: 10px;
    font-weight: bold;
    padding: 10px 0px 10px;
    text-align: center;
}


div.banner.notice img, a.banner.notice img {
    float: left;
    position: relative;
    margin: 0px 8px 0px 8px;
}
div.validation-summary-errors span,
div.banner.notice span, a.banner.notice span {
    display: inline-block;
    }
div.validation-summary-errors span.content,
div.banner.notice span.content, a.banner.notice span.content {
    color: #cf0000;
    min-height: 25px;
    padding: 0px 12px 0px 6px;
    font-weight: bold;
    font-size: 0.9em;
    font-family: arial;
    margin: 4px 0px 4px 0px;
    position: relative;
    top: 8px;
    text-align: left !important;
    display: block;
    float: left;
    }
div.banner.notice li {
    float: none !important;
}
div.banner.alert a.btn, a.banner.alert span.btn,
div.banner.notice a.btn, a.banner.notice span.btn {
    display: block;
    background-color: #ac181e;
    color: #fff !important;
    float: right;
    font-weight: bold !important;
    font-size: 0.9em;
    font-family: arial;
    padding: 5px 12px;
    margin: 4px 5px 4px 0px;
    border: 1px solid #f7a5a8;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px; 
    -khtml-border-radius: 9px;
    }
div.banner.alert a.btn:hover,
div.banner.alert a.btn:active,
div.banner.alert a.btn:focus,
a.banner.alert:hover span.btn,
a.banner.alert:active span.btn,
a.banner.alert:focus span.btn,
div.banner.notice a.btn:hover,
div.banner.notice a.btn:active,
div.banner.notice a.btn:focus,
a.banner.notice:hover span.btn,
a.banner.notice:active span.btn,
a.banner.notice:focus span.btn {
    display: block;
    background-color: #fff;
    color: #ce0000 !important;
    float: right;
    font-weight: bold !important;
    font-size: 0.9em;
    font-family: arial;
    padding: 5px 12px;
    margin: 4px 5px 4px 0px;
    border: 1px solid #f7a5a8;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px; 
    -khtml-border-radius: 9px;
    }
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 {
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 5px 8px;
    list-style-type: none;
    font-weight: bold;
    text-align: center;
    }

div.banner.alert li, a.banner.alert li,
div.banner.notice li, a.banner.notice li,
div.validation-summary-errors li,
div.banner.alert li, a.banner.alert li,
div.banner.notice li, a.banner.notice li,
div.banner.information li, a.banner.information li
 {
    display: inline-block;
    list-style-type: none;
    font-size: 1em;
    padding: 12px 0;
    margin: 0 auto;
    text-align: center;
    }
div.validation-summary-errors ul li {
    display: inline;
    white-space: pre-line;
    font-weight: bold;
    color: #ab0404;
    background-image: url(../layout/icon-red-cross-xsmall.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.banner.information ul li, a.banner.information ul li {
    background-repeat: no-repeat !important;
    padding-left: 32px;
    background-position: 5px center;
    background-repeat: no-repeat !important;
}
div.notice-imports {
    display: block;
    text-align: center;
    border: 1px solid #cedaf1;
    background-color: #fff;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -khtml-border-radius: 14px;
    padding: 70px 20px 20px;
    line-height: 1.3em;
    margin: auto 2%;
    width: 96%;
    background-image: url(../layout/symbol-exclaimation-blue.png);
    background-repeat: no-repeat;
    background-position: center 5px;
}
    div.notice-imports ul,
    div.notice-imports ul li {
        list-style-type: none;
        padding: 3px 0px;
        line-height: 1.4em;
        font-size: 0.95em;
        font-family: arial !important;
        color: #115fb2;
    }
    div.notice-imports h4 {
        display: inline-block;
        font-family: arial !important;
        font-size: 1.1em !important;
        background-color: #498bd0;
        padding: 3px 9px;
        color: #fff !important;
        font-weight: bold;
        font-family: arial;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -khtml-border-radius: 5px;
    }
div.ErrorNotification {
    background-color: #d90000;
    color: #fff;
    font-weight: bold;
    padding: 8px 0;
    text-align: center;

    }
    div.ErrorNotification b {
        color: #fff !important;
        padding: 6px;
        display: inline-block;
    }
.video_popup {
    text-align: center;
}
#Section_ContentsDeclaration .video_popup {
    float: left;
    margin-top: 20px;
}
.video_popup .close,
.video_popup .video_player {
    display: none;   
}
        .video_popup.active .close,
        .video_popup.active .video_player {
            display: block;   
        }
    .video_popup .video_player {
        position: fixed;
        width: 80%;
        top: 50%;
        left: 10%;
        right: 10%;
        z-index: 3001;
        transform: translateY(-50%);
        max-width: initial !important;
        background-color: transparent !important;
        padding-bottom: 50px;
    }
    .video_popup .close {
        position: fixed;
        bottom: 0;
        left: 50%;
        z-index: 3001;
        color: #fff;
        padding: 10px 30px;
        transform: translateX(-50%);
        background-color: #004a8a;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -khtml-border-radius: 20px;
        text-decoration: none;
    }
.video_popup .control.image_link {
    display: block;
    margin: auto;
    padding: 0;
    text-align: center;
    position: relative;
    cursor: help;
}
    .video_popup .control.image_link img {
        width: 100%;
        max-width: 400px;
    }
    .video_popup .control.image_link span {
        font-family: "Roboto";
        color: #fff;
        font-size: 12px;
        display: inline-block;
        padding: 7px 25px;
        background-color: #2a6faf;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -khtml-border-radius: 5px;
        position: relative;
        top: -10px;
        background-repeat: no-repeat;
        background-position: 8px center;
        white-space: nowrap;
    }
.tip_container {
    background-color: #E2E9F9;
    background-color: #fff;
    border: 2px solid #1b80de;
    padding: 25px 25px;
    margin: 0 10px 40px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
    box-sizing: border-box;
    position: relative;
}
    .tip_container .tip_setting {
        display: inline-block;
        background-color: #E2E9F9;
        padding: 10px 28px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -khtml-border-radius: 8px;
        margin-top: 20px;
        box-sizing: border-box;
        white-space: nowrap;
    }
    .tip_container p {
        padding: 0 !important;
        margin: 6px 0 6px 76px !important;
        width: 100% !important;
        color: #42719a;
        box-sizing: border-box;
    }
    .tip_container b {
        background-color: #1b80de !important;
        color: #fff !important;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 500 !important;
        font-family: "Roboto" !important;
        font-size: 11px;
        padding: 20px 10px;
        margin-right: 5px;
        position: absolute;
        max-width: 65px;
        left: 26px;
        top: 25px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -khtml-border-radius: 6px;
        box-sizing: border-box;
    }
    .tip_container label {
        color: #42719a;
        font-weight: 900 !important;
        box-sizing: border-box;
    }
    .tip_container select {
        padding: 5px 30px 5px 15px !important;
        margin: 0 8px;
        max-width: 120px;
        border: 1px solid #1b80de;
        box-sizing: border-box;
    }
    .tip_container .note {
        font-size: 12px !important;
        box-sizing: border-box;
    }
.contentarea.contents_declaration h3 {
    padding: 30px 0 0 !important;
    font-size: 17px;
}
.contentarea.contents_declaration p.eori_alert {
    width: 100% !important;
    font-family: "Roboto";
    color: #004a8a;
    font-size: 12px;
    background-image: url(../layout/cart/icon_warning.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding-left: 35px;
    box-sizing: border-box;
    margin: 10px 0 !important;
}
.contentarea.contents_declaration_manager {
    max-width: 600px;
}
    .contentarea.contents_declaration_manager #packingListUpload,
    .contentarea.contents_declaration_manager #consignmentSummary,
    .contentarea.contents_declaration_manager div.warning-message.declaration,
    .contentarea.contents_declaration_manager div.warning-message.prohibited {
        width: 98%;
        margin: 0 1% 40px;
        box-sizing: border-box;
    }
    .contentarea.contents_declaration_manager #packingListUpload {
        padding: 0;
    }
    .contentarea.contents_declaration_manager table.packinglist thead {
        display: none;
    }
    .contentarea.contents_declaration_manager table.packinglist tr,
    .contentarea.contents_declaration_manager table.packinglist td,
    .contentarea.contents_declaration_manager table.packinglist tbody {
        display: block;
        border: none;
        padding: 0;
        box-sizing: border-box;
    }
    .contentarea.contents_declaration_manager table.packinglist tbody {
        background: #eff3fa;
        border: 1px solid #bac9e5;
        padding: 20px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        -khtml-border-radius: 14px;
    }
        .contentarea.contents_declaration_manager table.packinglist tbody:after {
            display: none;
        }
    .contentarea.contents_declaration_manager table.packinglist tr.tbl_controller,
    .contentarea.contents_declaration_manager table.packinglist tr.tbl_controller td {
        background-color: transparent;
    }
        .contentarea.contents_declaration_manager table.packinglist tr.tbl_controller a {
            float: left;
            border: none;
            color: #0185cd;
            padding: 10px 25px 10px 0;
            background-color: transparent;
        }
    .contentarea.contents_declaration_manager table.packinglist .hover_prompt,
    .contentarea.contents_declaration_manager table.packinglist td.PackageDetailsTable_Weight .hover_prompt {
        border-top: none;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
        
    .contentarea.contents_declaration_manager table.packinglist td .hover_prompt {
        border-right: 1px solid #bac9e5;
    }
        .contentarea.contents_declaration_manager table.packinglist td span.prompt {
            max-width: 300px;
        }
        .contentarea.contents_declaration_manager table.packinglist td .hover_prompt label {
            display: block;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            padding-left: 10px;
            box-sizing: border-box;
            width: 40%;
            color: #004a8a;
            text-transform: uppercase;
            font-size: 11px;
        }
        .contentarea.contents_declaration_manager table.packinglist td.BoxNumber .hover_prompt {
            display: none;
        }
            .contentarea.contents_declaration_manager table.packinglist tr:first-of-type td.BoxNumber .hover_prompt {
                display: inline-block;
                width: initial;
                padding-right: 22px;
                padding: 10px 22px 10px 0;
            }
        .contentarea.contents_declaration_manager table.form_table.packinglist td.BoxNumber .hover_prompt.help:after,
        .contentarea.contents_declaration_manager table.form_table.packinglist td.BoxNumber .hover_prompt.help:before {
            position: absolute;
            right: 0;
        }
    .contentarea.contents_declaration_manager table.packinglist td.PackageDetailsTable_CommodityCode .hover_prompt {
        border-top: 1px solid #bac9e5;
        -webkit-border-top-left-radius: 12px;
        -moz-border-radius-topleft: 12px;
        border-top-left-radius: 12px;
        -webkit-border-top-right-radius: 12px;
        -moz-border-radius-topright: 12px;
        border-top-right-radius: 12px;
    }
    .contentarea.contents_declaration_manager table.packinglist td.PackageDetailsTable_Weight .hover_prompt {
        -webkit-border-bottom-left-radius: 12px;
        -moz-border-radius-bottomleft: 12px;
        border-bottom-left-radius: 12px;
        -webkit-border-bottom-right-radius: 12px;
        -moz-border-radius-bottomright: 12px;
        border-bottom-right-radius: 12px;
    }
    .contentarea.contents_declaration_manager table.packinglist .hover_prompt select,
    .contentarea.contents_declaration_manager table.packinglist .hover_prompt input[type="text"] {
        text-align: left;
        width: 100% !important;
        padding-left: 45%;
    }
        .contentarea.contents_declaration_manager table.packinglist td.PackageDetailsTable_CommodityCode .hover_prompt input[type="text"] {
            padding-right: 80px;
        }
    .contentarea.contents_declaration_manager table.packinglist .hover_prompt select {
        /*text-align-last: right;*/
        text-indent: 45% !important;
        padding-left: 0;
    }
    .contentarea.contents_declaration_manager table.packinglist.form_table td.PackageDetailsTable_Value span.currency {
        left: 43%
    }
    .contentarea.contents_declaration_manager .video_popup {
        text-align: center;
    }
        .contentarea.contents_declaration_manager .video_popup .control.image_link {
            float: none !important;
            margin: 10px auto;
        }
    .contentarea.contents_declaration_manager div.icon-list.dangerous {
        padding-bottom: 10px;
    }
    div.icon-list.dangerous ul {
        float: right;
        max-width: 500px;
    }
    .contentarea.contents_declaration_manager div.icon-list.dangerous ul li {
        width: 30%;
    }
    .contentarea.contents_declaration_manager table.packinglist td.BoxNumber span.note {
        display: none;
        text-transform: none;
        font-family: "Roboto";
        color: #004a8a;
        font-weight: 500;
        margin-bottom: 15px;
    }
    .contentarea.contents_declaration_manager table.packinglist tr:first-of-type td.BoxNumber span.note {
        display: block;
    }
    div.contents_declaration .video_popup .control.image_link {
        width: 100%;
        max-width: 300px;
        float: right;
        margin: 10px 0;
        box-sizing: border-box;
    }

div#InvoiceOverdue {
    display: block;
    padding: 8px 0;
    background-color: #33ccd6;
}
    div#InvoiceOverdue a {
        color: #fff;
        display: inline-block;
        text-shadow: 2px 1px #24b8c1;
        text-decoration: none;
        position: relative;
        font-size: 13px;
    }
        div#InvoiceOverdue a span.button {
            display: inline-block; /*
            background-color: #fff;*/
            padding: 8px 14px;
            -moz-border-radius: 16px;
            -webkit-border-radius: 16px;
            border-radius: 16px;
            -khtml-border-radius: 16px;
            color: #fff;
            font-size: 11px;
            border: 1px solid #fff;
            margin-left: 10px;
        }
            div#InvoiceOverdue a span.button .button_hover {
                display: none;
                position: absolute;
                right: 0px;
                bottom: -3px;
                transform: translateY(100%);
                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;
                text-shadow: none;
            }
            div#InvoiceOverdue a span.button .button_hover strong {
                color: #498bd0;
                font-size: 16px !important;
            }
                div#InvoiceOverdue a span.button .button_hover:before {
                    display: block;
                    content: "";
                    width: 12px;
                    height: 12px;
                    left: 50%;
                    top: 3px;
                    transform: rotate(45deg) translate(-50%, -50%);
                    position: absolute;
                    background-color: #fff;
                }
            div#InvoiceOverdue a span.button:hover .button_hover {
                display: inline-block;
                font-size: 12px;
            }
div.warning-message.prohibited,
div.warning-message.declaration,
div.save_packing_list {
    float: none;
    width: 96%;
    clear: both !important;
    margin: 35px 2% 0px;
    padding: 20px;
    box-sizing: border-box;
    font-family: "Roboto";
}
    div.warning-message.prohibited div.content,
    div.warning-message.declaration div.content {
        background: transparent !important;
        background-color: transparent !important;
    }
    div.warning-message.prohibited p {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
div.warning-message.prohibited .video_player  {
    max-width: 290px;
}
    div.warning-message.declaration div.container-checkbox,
    div.warning-message.prohibited div.container-checkbox {
        display: block;
        padding: 5px 12px;
        color: #fff;
        clear: both;
        margin: 5px 1% 5px 1%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -khtml-border-radius: 5px;
    }
        div.warning-message.prohibited div.container-checkbox label,
        div.warning-message.declaration div.container-checkbox label {
            font-weight: bold;
            font-family: arial;
            color: #fff;
        }
        div.warning-message.prohibited div.container-checkbox input[type=checkbox],
        div.warning-message.declaration div.container-checkbox input[type=checkbox] {
            position: relative;
            top: 2px;
            left: 1px;
        }
    div.warning-message.prohibited span,
    div.warning-message.declaration span {
        display: block;
        padding: 7px 0 7px 20px;
    }

    div.warning-message.prohibited b,
    div.warning-message.declaration b {
        color: #004a8a !important;
        padding: 10px 0;
        display: inline-block;
    }
div.warning-message.prohibited div.prohibitedIcon {
    display: inline-block;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 8px;
    padding-top: 88px;
    margin: 0px 10px;
    }
div.warning-message.prohibited div.prohibitedIcon span {
    display: block;
    padding: 5px 6px;
    color: #fff;
    font-weight: bold;
    font-family: arial;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    font-size: 11px;
    }

div.warning-message div.content {
    display: block;
    padding: 0px 0px;
    width: auto;
}

div.warning-message b, div.warning-message strong {
    color: #ed1c24;
}
div.info_popup {
    display: none !important;
}
    div.info_popup.active {
        display: block !important;
        z-index: 3001;
        position: fixed !important;
        background-color: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 30px;
        box-sizing: border-box;
        font-family: Roboto !important;
        color: #294a69;
        border: 3px solid #02548F  !important;
        }
            div.info_popup.active:after {
                content: "";
                display: block;
                background-image: url(../layout/icon-deactivate-menu.png);
                background-repeat: no-repeat;
                background-position: center;
                width: 25px;
                height: 25px;
                position: absolute;
                top: 5px;
                right: 5px;
            }
        div.info_popup.active ul,
        div.info_popup.active ol {
            margin: 0 !important;
            padding: 0 !important;
        }
        div.info_popup.active p,
        div.info_popup.active li {
            color: #294a69 !important;
        }
div.warning {
    display: block;
    clear: both;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 10px 0;
    width: auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    background-color: #feffdc;
    border: 1px solid #edebbd;
}
    div.warning span {
        color: #6a4101;
        font-family: "Roboto";
        display: inline-block;
        box-sizing: border-box;
        padding: 20px 20px 20px 35px;
        margin:0;
        background-size: 25px;
        background-image: url(../layout/icon-alert-notice-yellow.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
        div.warning span span {
            display: block;
            padding: 4px 0 !important;
            background-image: none;
            margin: 0 !important;
        }
        div.warning span b,
        div.warning span strong {
            color: #6a4101 !important;
        }
        div.suitcase-restricted {
            display: block;
            padding: 20px 0px 20px 60px;
            background-image: url(../layout/symbol-no-suitcases.png);
            background-repeat: no-repeat;
            background-position: left center;
        }
div.pallet-restricted {
    display: block;
    padding: 20px 0px 20px 60px;
    background-image: url(../layout/symbol-no-pallets.png);
    background-repeat: no-repeat;
    background-position: left center;
}
div.animals-restricted {
    display: block;
    padding: 20px 0px 10px 60px;
    background-image: url(../layout/symbol-no-ants.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 10px;
}
div.liquids-restricted {
    display: block;
    padding: 20px 0px 10px 60px;
    background-image: url(../layout/symbol-no-liquids.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 10px;
}
div.batteries-restricted {
    display: block;
    padding: 20px 0px 10px 60px;
    background-image: url(../layout/symbol-no-lithium.png);
    background-repeat: no-repeat;
    background-position: left center;
}
    div.liquids-restricted a,
    div.batteries-restricted a {
        font-family: "Roboto";
    }
#img_noAerosols { background-image: url(../layout/symbol-no-aerosols.png);}
#img_noPerfumes { background-image: url(../layout/symbol-no-perfumes.png);}
#img_noBatteries { background-image: url(../layout/symbol-no-lithium-batteries.png);}

div.packinglistContainer {
    display: block;
    clear: both;
    padding: 20px 0px;
}
            
/* ADVERTISEMENT BANNER */

div.advert-quote {
    display: block;
    padding: 10px 0px 0px;
}
div.advert-quote ul  {
    display: block;
    width: 95%;
    max-width: 900px;
    margin: 0px auto;
    padding: 0px 0px 12px;
    background-image: url("../layout/rpt-chevrons-small.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-color: #fff;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -khtml-border-radius: 14px;
    font-size: 1.4em;
    border: 4px solid #fff;
    box-shadow: 0px 0px 9px #e2eaf9;
}
    div.advert-quote ul li {
        display: block;
        margin: 0px auto;
        padding: 12px 0px 0px;
        background-image: url("../layout/rpt-chevrons-small.png");
        background-position: center top;
        background-repeat: repeat-x;
        background-color: #fff;
        list-style-type: none;
        border: 4px solid #fff;
    }
    div.advert-quote a {
            text-decoration: none;
        }
    div.advert-quote span.content {
        background-image: url(../layout/icon-badge-parcel-medium.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 18px 0px 18px 55px;
        display: inline-block;
        }
     div.advert-quote span.button {
        font-size: 0.8em;
        padding: 5px 12px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -khtml-border-radius: 8px;
        margin: 0px 8px;
        display: inline-block;
        }

div.advertisement-banner, div.advertisement-landingbanner {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 7px 0px;
    background-position: center top;
    background-repeat: repeat-x;
    clear: both;
    font-family: arial !important;
    font-size: 1.2em;
}

        
div.advertisement-banner.side, div.advertisement-landingbanner.side {
    background-position: left top;
}
div.advertisement-banner.blue {
    background-color: #1864b6;
    background-image: url(../layout/bg-content-slider.png);
}
div.advertisement-landingbanner.blue {
    background-color: #1965b6;
    background-image: url("../layout/bg-quoteForm.png");
}
div.advertisement-banner.white {
    background-color: #fff;
    background-image: url('../layout/advert-chevrons.png');
}
div.advertisement-banner.white.bordered {
    box-shadow: 0px 0px 9px #e8e8e8;
    margin: 10px 0px !important;
    padding: 10px 0px !important;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -khtml-border-radius: 14px;
    background-position: center 7px;
    }
div.advertisement-banner.blue div.innerContainer {
    display: block;  
    background-image: url('../layout/bg-corner-left.png'), url('../layout/bg-corner-right.png'), url("../layout/bg-subnav-corner-left.png"), url("../layout/bg-subnav-corner-right.png");
    background-position: left top, right top, left bottom, right bottom;
    background-repeat: no-repeat;  
    }
div.advertisement-landingbanner.blue div.innerContainer {
    display: block;  
    background-image:  url('../layout/bg-corner-right.png'), url("../layout/bg-form-cornerLeft.png"), url("../layout/bg-form-cornerRight.png");
    background-position: right top, left bottom, right bottom;
    background-repeat: no-repeat;   
    }
div.advertisement-banner.white div.innerContainer {
    display: block;  

    background-position: center bottom;
    background-repeat: repeat-x;
    background-image: url('../layout/advert-chevrons.png');
    }
div.advertisement-banner div.clear {
    display: block;
    width: auto;
    clear: both;
    height: 1px;
    background-color: transparent;
}
div.advertisement-banner.white a.button, div.advertisement-banner.white span.button {
    display: inline-block;
    padding: 0px 13px 0px 0px;
    margin: 8px 0px 0px 0px;
    background-image: url(../layout/btn_Advert.png);
    background-repeat: no-repeat;
    background-position: right top;
    border: none;
    outline: none;
    background-color: transparent;
    z-index: 0;
    float: right;
    font-weight: bold;
    position: relative;
    top: 5px;
}
div.advertisement-banner.white a.button span, div.advertisement-banner.white span.button span {
    display: block;
    padding: 0px 12px 0px 25px;
    margin: 0px 0px 0px 0px;
    background-image: url(../layout/btn_Advert-left.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: 0px;
    font-size: 14px;
    font-weight: bold;
    background-color: transparent;
    border: none;
    outline: none;
    position: relative;
    left: 0;
    top: 0px;
    line-height: 30px;
    overflow: hidden;
    letter-spacing: -1px;
    }
div.advertisement-banner.blue a.button, div.advertisement-banner.blue span.button, div.advertisement-landingbanner.blue a.button, div.advertisement-landingbanner.blue span.button {
    display: inline-block;
    padding: 0px 43px 0px 0px;
    margin: 8px 0px 0px 0px;
    background-image: url(../layout/btn-quoteRight-medium.png);
    background-repeat: no-repeat;
    background-position: right top;
    border: none;
    outline: none;
    background-color: transparent;
    z-index: 0;
    float: right;
}
div.advertisement-banner.blue.side a.button, div.advertisement-banner.blue.side span.button, div.advertisement-landingbanner.blue.side a.button, div.advertisement-landingbanner.blue.side span.button {
    margin-bottom: 8px !important;
}
div.advertisement-landingbanner.blue a.button, div.advertisement-landingbanner.blue span.button {
    margin-top: 20px;
    }
div.advertisement-banner.blue a.button:hover, div.advertisement-banner.blue a:hover span.button, div.advertisement-landingbanner.blue a.button:hover, div.advertisement-landingbanner.blue a:hover span.button { background-position: right bottom !important; }
div.advertisement-banner.blue a.button:hover span, div.advertisement-banner.blue a:hover span.button span, div.advertisement-landingbanner.blue a.button:hover span, div.advertisement-landingbanner.blue a:hover span.button span { background-position: left bottom !important; }

div.advertisement-banner.blue a.button span, div.advertisement-banner.blue span.button span {
    display: block;
    padding: 0px 5px 0px 20px;
    margin: 0px 0px 0px 0px;
    background-image: url(../layout/btn-quoteLeft-medium.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: 0px;
    font-size: 17px;
    font-weight: bold;
    background-color: transparent;
    border: none;
    outline: none;
    position: relative;
    left: 0;
    top: 0;
    line-height: 45px;
    overflow: hidden;
    letter-spacing: -1px;
    }
div.advertisement-banner img {
    float: left;
    margin: 10px;
    }
div.advertisement-banner div.adContent {
    padding: 5px 20px 10px;
    width: auto;
    }
div.advertisement-banner h1,
div.advertisement-banner h2,
div.advertisement-banner h3,
div.advertisement-banner h4,
div.advertisement-banner h5 {
     padding: 8px 0px 0px !important;
     margin: 8px 0px 3px!important;
     font-weight: bold;
     font-size: 15px;
     text-align: left;
     color: #0961A0;
     font-size: 1.1em;
     letter-spacing: -1px;
    }
div.advertisement-banner p {
     display: block;
     font-weight: bold;
     width: auto;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 8px 0px;
     color: #555;
     font-size: 0.8em;
     text-align: left;
     clear: none;
     line-height: 19px;
     }
div.advertisement-landingbanner.blue a.button span, div.advertisement-landingbanner.blue span.button span {
    display: block;
    padding: 0px 5px 0px 20px;
    margin: 0px 0px 0px 0px;
    background-image: url(../layout/btn-quoteLeft-medium.png);
    background-repeat: no-repeat;
    background-position: left top;
    border: 0px;
    font-size: 22px;
    font-weight: bold;
    background-color: transparent;
    border: none;
    outline: none;
    position: relative;
    left: 0;
    top: 0;
    line-height: 45px;
    overflow: hidden;
    letter-spacing: -1px;
    }
div.content-slider {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0px;
    background-color: transparent;
}
div.shoparea div.contentarea {
    padding-top: 30px;
}
    div.content-slider.products {
        position: relative;
        background-color: #f3f7f9;
        /*border: 1px solid #bac9e5;*/
        margin: 0px 1% 0px !Important;
        /*-moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        -khtml-border-radius: 25px;*/
        /*background-image: url(../layout/bg_product_slider.png);*/
        background-repeat: no-repeat;
        background-position: right top;
        background-size: cover;
        width: 98% !important;
    }
        div.content-slider.products div.product-description,
        div.content-slider.products div.image-container {
            display: block;
            max-width: initial !important;
            position: relative;
        }
        div.content-slider.products div.product-description {
            text-align: left;
            margin-left: 5%;
        }
            div.content-slider.products div.product-description p {
                width: 90% !important;
                margin-right: 10% !important;
            }
        div.content-slider.products ul ul {
            padding: 10px 5px !important;        
        }
            div.content-slider.products ul li li {
                padding: 0 0 5px 20px !important;
                text-align: left;
            }
        div.content-slider.products div.image-container {
            text-align: center;
        }
        div.shoparea table.tape,
        div.shoparea table.boxes {
            margin-top: 30px;
        }

        div.content-slider.products div.footerContainer {
            padding-top: 30px;
        }
ul.quotebreakdown {
    display: block;
    padding: 10px 0 5px;
}
ul.quotebreakdown li {
    list-style-type: none;
    clear: both;
    padding: 12px 0;
    text-align: right;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}
    ul.quotebreakdown li span,
    ul.quotebreakdown li strong {
        display: block;
        float: left;
        width: 48%;
        margin: 0 1%;
        color: #004a8a !important;
    }
        ul.quotebreakdown li strong {
            text-align: left;
        }
        ul.quotebreakdown li span.clear {
            float: none !important;
            width: 100% !important;
        }
    ul.quotebreakdown li span {
        text-align: right;
    }
    ul.quotebreakdown li:nth-of-type(1),
    ul.quotebreakdown li:nth-of-type(3) {
        background-color: #f6f9fc;
    }

div.content-slider.products.form div.product-description {
    float: none !important;
    width: 95% !important;
}

div.content-slider.products div.product-description table#contentDescription input {
    border: 1px solid #bac9e5;
    background-color: #fff;
    padding: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}
div.content-slider.products.form li.crate p {
    font-size: 13px !important;
}

        div.shopearea h2 a,
        div.shopearea h3 a,
        div.shopearea h4 a,
        div.shopearea h5 a,
        div.shopearea a h2,
        div.shopearea a h3,
        div.shopearea a h4,
        div.shopearea a h5 {
            text-decoration: none;
        }
    span.pricetag {
        display: block;
        width: 80px;
        height: 80px;
        box-sizing: border-box;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        color: #99cbe6;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 11px;

        }

        
        span.pricetag b {
            display: block;
            font-size: 17px;
            color: #fff !important;
            padding: 0;
            margin: 0;
        }
        span.pricetag span {
            position: absolute;
            top: 12px;
            display: block;
            width: 90%;
            margin: 0 5%;
        }

table.specification {
    margin: 0 0 20px 30px !important;
}
    table.specification td {
        text-align: left;
    }
        table.specification td.first {
            color: #498bd0 ;
        }
div.shoparea div.SuccessNotification {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    -khtml-border-radius: 5px;
    width: 98% !important;
    margin: 0px 1% 15px;
    padding: 15px 0;
}
div.shoparea table.standard tr:nth-child(even) {
    background-color: #f3f7f9 !important;
}
div.shoparea.panelledArea .box {
    border: none;
}
div.product_links {
    display: block;
    width: 100%;
    padding: 10px 0 0;
    margin: 0;
}
.benefits,
.benefits li ,
div.product_links ol,
div.product_links ol li {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;    
}
    div.product_links ol li {
        border: none !important;
    }
        div.product_links ol li a {
            width: 92%;
            margin: 5% 4%;
            display: block;
            text-align: center;
            padding: 0 0 30px 0;
            background-color: #f3f7f9;
            /*border: 1px solid #bac9e5;*/
            /* -moz-border-radius: 14px;
            -webkit-border-radius: 14px;
            border-radius: 14px;
            -khtml-border-radius: 14px;*/
            box-sizing: border-box; /*
            background-image: url(../layout/bg_product_slider.png);*/
            background-repeat: no-repeat;
            background-position: center bottom;
            background-size: cover;
            text-decoration: none;
            position: relative;
            -webkit-transition: all .25s ease;
            -moz-transition: all .25s ease;
            -o-transition: all .25s ease;
            -ms-transition: all .25s ease;
            transition: all .25s ease;
        }
        div.product_links ol li a h3 {
            font-size: 14px !important;
        }
        div.product_links ol li.last a {
            margin-right: 0 !important;
        }
        div.product_links ol li a:hover {
            opacity: 0.9;
            filter: alpha(opacity=90);
            -webkit-transition: all .25s ease;
            -moz-transition: all .25s ease;
            -o-transition: all .25s ease;
            -ms-transition: all .25s ease;
            transition: all .25s ease;
        }
        div.product_links ol li span.image {
            width: 90%;
            margin: 0 5%;
            text-align: center;
            display: block;
        }
            div.product_links ol li span.image img {
                width: 70%;
                max-width: 150px;
            }

  /*  div.product_links ol li span.arrow {
            background-color: #386eb1;
            border: 2px solid #386eb1;
            display: block;
            width: 30px;
            height: 30px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
            text-indent: -9999px;
            overflow: hidden;
            background-image: url(../layout/icon-arrow-right.png);
            background-position: center;
            background-repeat: no-repeat;
            position: absolute;
            right: 8px;
            bottom: 8px;
        }*/
        div.product_links ol li span.arrow {
            background-color: #386eb1;
            border: 2px solid #386eb1;
            display: inline-block;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            -khtml-border-radius: 25px;
            overflow: hidden;
            padding: 8px 30px 8px 20px;
            color: #fff;
            background-image: url(../layout/icon-arrow-right.png);
            background-position: 90% center;
            background-repeat: no-repeat;
            background-size: 6px;
        }
        div.product_links ol li span {
        
        }
ul.sizeguide {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
    ul.sizeguide li {
        float: left;
        padding: 0 5px 0 0;
        margin: 0;
    }
        ul.sizeguide li a {
            color: #42719a ;
            display: block;
            width: 25px;
            height: 25px;
            border: 1px solid #42719a ;
            text-align: center;
            text-decoration: none;
            /*opacity: 0.8;
            filter: alpha(opacity=80)*/
            font-size: 11px;
            padding-top: 3px;
            box-sizing: border-box;
        }
            ul.sizeguide li a:hover,
            ul.sizeguide li a:focus {
                opacity: 1;
                filter: alpha(opacity=100);
            }
        div.BX-Small li.BX-Small a,
        div.BX-Medium li.BX-Medium a,
        div.BX-Large li.BX-Large a,
        div.BX-XLarge li.BX-XLarge a { 
            border: 1px solid #01619e  !important;
            color: #fff   !important;
            background-color: #01619e !Important;
        }



        
.benefits {
    padding-top: 15px;
}
        .benefits li {
            text-align: center;
        }
        
        .benefits li span {
            display: block;
            padding: 0 0 3px;
            font-size: 0.85em;
        }

        .benefits li strong {
            font-size: 1.2em;
            background-repeat: no-repeat;
            background-position: center left;
            display: block;
            display: inline-block;
            padding: 10px 0 10px 48px;
        }
        .benefits li.rewards strong { background-image: url(../layout/icon_rewards.png); }
        .benefits li.twentyfourhour strong { background-image: url(../layout/icon-24hour.png); }
        .benefits li.nextdaydelivery strong { background-image: url(../layout/icon-clockspeed.png); }

    .benefits.vertical li {
        float: none;
        text-align: left;
        width: 100%;
    }
        .benefits.vertical li span {
            padding-left: 48px;
        }
div.box .benefits {
    padding-top: 30px !important;
}
.box.center table {
    margin: auto !important;
}
div.content-slider ul {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    background-color: transparent;
    text-align: center;
    }


div.content-slider ul li {
    width: 100%;
    float: left;
    padding: 14px 0;
    margin: 0px;
    text-align: center;
}
    div.content-slider ul li a.trustpilot:before {
    background-image: url('../layout/badge-trustpilot.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 120px auto;
    display: inline-block;
    width: 140px;
    height: 60px;
    content:"";
    padding: 0px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius:8px;
    }
div.content-slider ul li span.title,
div.content-slider ul li span.content {
    display: inline-block;
    padding: 4px 0px;
    color: #0185cd !important;
}
    div.content-slider ul li span.title {
        font-size: 1.6em;
    }
div.content-slider ul li a span.button {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius:8px;
    color: #fff !important;
    padding: 4px 13px 5px;
    margin: 10px auto;
    font-size: 1.3em;
    }
    div.content-slider ul li a:hover,
    div.content-slider ul li a:active,
    div.content-slider ul li a:focus {
        text-decoration: none;
    }
    div.content-slider ul.benefits {
        height: 130px !Important;
    }
/*
div.content-slider ul li a {
    min-height: 60px;
    display: block;
    padding: 17px 20px 14px;
    margin: 0px;
    text-decoration: none;
    }
    */
div.advertisement-banner.blue a.cart {
    background-image: url(../layout/img-content-slider-shopProducts.png);
    background-position: 16px center;
    background-repeat: no-repeat;
    padding-left: 155px;
    }
div.advertisement-banner.blue.side a.cart {
    background-position: center 22px;
    background-repeat: no-repeat;
    padding: 100px 20px 0px!important;
    }
div.advertisement-banner.blue a.phone {
    background-image: url(../layout/icon-phone.png);
    background-position: 16px center;
    background-repeat: no-repeat;
    padding-left: 110px;
    }
div.advertisement-landingbanner.blue a.survey {
     background-image: url(../layout/banner_Survey.png);
    background-position: 92% center;
    background-repeat: no-repeat;
    padding: 10px 230px 10px 35px;  
    min-height: 230px; 
    }
div.advertisement-landingbanner.blue a.trustpilot {
     background-image: url(../layout/banner_Trustpilot.png), url(../layout/icons-medium-5-star-rating.png);
    background-position: 92% center, 10% 70%;
    background-repeat: no-repeat;
    padding: 10px 230px 10px 35px;  
    min-height: 230px; 
    }
div.content-slider div.column {
    display: block;
    float: left;
    padding: 0px 0px 0px 2%;
    margin: 0px;
    font-size: 0.95em;
}
div.content-slider div.column.three {
    width: 31%;
}
div.content-slider div.column.two {
    width:48%;
}
div.advertisement-banner.blue a.services {
    background-image: url(../layout/img-content-slider-servicesQuote.png);
    background-position: 16px center;
    background-repeat: no-repeat;
    padding-left: 135px;
    }
div.advertisement-banner.blue a.trustpilot {
    background-image: url(../layout/badge-trustpilot.png);
    background-position: 16px center;
    background-repeat: no-repeat;
    padding-left: 210px;
    }
div.advertisement-banner div.content-slider span.title {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: -1px;
    display: block;
    padding: 3px 0px 0px;
    }
div.advertisement-banner.side div.content-slider span.title {
    font-size: 1.2em !important;
    padding: 3px 0px 6px !important;
    }
div.advertisement-landingbanner div.content-slider span.title {
    font-size: 2.3em;
    font-weight: bold;
    letter-spacing: -1px;
    display: block;
    text-shadow: 1px 1px #1965b6;
    padding: 53px 0px 7px;
    color: #fff;
    }
div.advertisement-banner.blue div.content-slider span.title {
    text-shadow: 1px 1px #1965b6;
    color: #fff;
    }
div.advertisement-banner.white div.content-slider span.title {
    text-shadow: 1px 1px #fff;
    color: #1075b2;
    }
div.advertisement-banner div.content-slider span.content { 
    font-weight: bold;
    letter-spacing: 0px;
    display: block;
    margin: 0px 0px;
    padding: 3px 0px;
    position: relative;
    }
div.advertisement-landingbanner div.content-slider span.content { 
    font-weight: bold;
    letter-spacing: 0px;
    display: block;
    margin: 0px 0px;
    padding: 3px 0px;
    font-size: 0.95em;
    text-shadow: 1px 1px #1965b6;
    color: #fff;
    }
div.advertisement-banner.blue div.content-slider span.content {
    font-size: 0.85em;
    text-shadow: 1px 1px #1965b6;
    color: #fff;
    }
div.advertisement-banner.blue.side div.content-slider span.content {
    font-size: 0.8em !important;
    }
div.advertisement-banner.blue div.content-slider span.content b {
    font-size: 0.85em !important;
    color: #fff;
    font-weight: bold;
    }
div.advertisement-banner.white div.content-slider span.content {
    font-size: 1.2em;
    text-shadow: 1px 1px #fff;
    color: #555;
}
div.advertisement-banner div.content-slider span.call { 
    font-weight: bold;
    letter-spacing: 0px;
    display: block;
    float: right;
    margin: 0px 0px;
    padding: 3px 0px 0px 48px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 1.3em;
    letter-spacing: -1px;
    text-shadow: 1px 1px #1965b6;
    }
div.advertisement-banner div.content-slider span.call span {
    display: block;
    color: #fff;
    font-size: 0.6em;
    letter-spacing: 0px !important;
}
div.content-slider span.title b, div.advertisement-banner div.content-slider span.call b {
    display: inline-block;
    background-color: #e41018;
    color: #fff !important;
    font-size: 0.7em;
    padding: 2px 8px 0px 8px;
    text-shadow: 1px 1px #b90000 !important;
    font-weight: bold;
    position: relative;
    top: -2px;
    margin-right: 2px;
    text-transform: uppercase;
    }

div.advertisement {
    display: block;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
    div.advertisement.blue {
        background-color: #1a60a7;
        border-top: 1px solid #115193;
        border-bottom: 1px solid #528fca;
    }
    div.advertisement.blue a,
    div.advertisement.blue div.content-slider ul li span.title,
    div.advertisement.blue div.content-slider ul li span.content {
        color: #fff !important;
        font-size: 1.1em;
    }
        div.advertisement.blue div.content-slider ul li a span.button {
            background-color: #fff !important;
            color: #296db3 !important;
            font-size: 0.95em;
            margin: 0 5px;

            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            -khtml-border-radius: 6x;
            /*box-shadow: 0px 3px 2px #0b457d;*/
            }
    div.advertisement a {
        background-repeat: no-repeat;
        background-position: left center;
        padding: 20px;
        box-sizing: border-box;
    }
    div.advertisement a.twitter {
        background-image: url(../layout/icon-notification-twitter.png);
        padding-left: 35px;
    }
    div.advertisement a.facebook {
        background-image: url(../layout/icon-notification-facebook.png);
        padding-left: 35px;
    }
    div.advertisement a.signup {
        background-image: url(../layout/icon-notification-news.png);
        padding-left: 35px;
    }
    div.advertisement a.idea {
        background-image: url(../layout/icon-notification-idea.png);
        padding-left: 35px;
    }
    
    

/* SROLLING PRICE CAROUSEL*/

/* DEFAULTS */
/*
div#scrollingPriceExamples,
div#scrollingPriceExamples ul li,
div.container-priceExamples 
{
    display: block;
    width: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
div#scrollingPriceExamples {
    background-image: url("../layout/shadowBottom.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 40px !important;
}
div#scrollingPriceExamples ul li {
    display: inline-block;
    float: left;
    padding: 0px;
    margin: 0px 4px;
    background-color: #1064ab;
    background-image: url(../layout/bg-scrolling-prices.png);
    background-repeat: repeat-x;
    background-position: center top;
    position: relative;
    }
div.container-priceExamples {
    background-image: url('../layout/bg-corner-left.png'), url('../layout/bg-corner-right.png'), url("../layout/bg-subnav-corner-left.png"), url("../layout/bg-subnav-corner-right.png");
    background-position: left top, right top, left bottom, right bottom;
    background-repeat: no-repeat;
}

div.container-priceExamples h3 {
    display: block;
    font-weight: bold;
    font-size: 1.4em;
    text-align: left;
    letter-spacing: -1px;
    font-family: Calibri;
    color: #fff;
    margin: 0px;
    text-shadow: 1px 1px #064788;
    padding: 70px 12px 4px 12px;
    background-image: url("../layout/bg-scrollingPriceHeader.png");
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
}
div.container-priceExamples h3 a {
    color: #fff !important;
    background-image: none !important;
    margin: 0px !important;
    border: none !important;
    text-decoration: none;
}
div.container-priceExamples h3 a b {
    color: #fff !important;
    font-weight: bold;
    }
div#scrollingPriceExamples ul li img {
    position: absolute;
    top: 12px;
    right: 40px;
}
div.container-priceExamples a {
    display: block;
    width: auto;
    padding: 0px;
    margin: 0px 0px 12px;
    background-image: url(../layout/bg-scrollingprice.png);
    background-repeat: repeat-x;
    background-position: left center;
    color: #fff;
    border-top: 1px solid #65b3f5;
    border-bottom: 1px solid #54a5e9;
    text-decoration: none;
}
div.container-priceExamples a span {
    background-image: url(../layout/icon-quoteArrows.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    display: block;
    padding: 10px 0px 10px 12px;
    }
div.container-priceExamples a span b {
    font-size: 1.6em;
    font-family: arial;
    text-shadow: 1px 1px #064788;
    color: #fff !important;
    }
div.container-priceExamples a:hover, div.container-priceExamples a:active, div.container-priceExamples a:focus {
    background-image: url(../layout/bg-scrollingPrice-hover.png);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    }
*/
div.socialMediaLinks {
    display: block;
    clear: both;
}

div.infoBox, div.infoBox ul, div.infoBox ol, 
div.filteredInfoBox {
    display: block;
    width: auto;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: center;
}
div.infoBox {
    padding: 0px !important;
}
div.infoBox li {
    position: relative;
    display: block;
    text-align: left;
    color: #fff;
    width: auto;
    margin: 0px auto;
    z-index: 0;
    }
div.infoBox.icons li img {
    position: absolute;
    z-index: 20;
    top: 18px;
    left: 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    }
div.infoBox.icons li a {
    padding-left: 35px !important;
}
div.infoBox h1 a,
div.infoBox h2 a,
div.infoBox h3 a,
div.infoBox h4 a,
div.infoBox h4 a {
    color: #fff !important;
    }
div.infoBox h1 a:hover,
div.infoBox h2 a:hover,
div.infoBox h3 a:hover,
div.infoBox h4 a:hover,
div.infoBox h4 a:hover {
    text-decoration: none !important;
    }

div.infoBox li a {
    display: block;
    color: #fff;
    font-size: 0.95em;
    padding: 16px 36px 16px 16px;
    background-image: url(../layout/icon-list-arrow-small.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 21px auto;
    -webkit-transition: all 100ms ease 0.1s;
    -moz-transition: all 100ms ease 0.1s;
    -o-transition: all 100ms ease 0.1s;
    transition: all 100ms ease 0.1s;
    }
div.infoBox li a:hover {
    text-decoration: none;
    background-color: #3578bd;
    background-size: 21px auto;
    -webkit-transition: all 100ms ease 0.1s;
    -moz-transition: all 100ms ease 0.1s;
    -o-transition: all 100ms ease 0.1s;
    transition: all 100ms ease 0.1s;
    }
div.infoBox li:last-of-type,
div.infoBox li:last-of-type a {
    border-bottom: none !important; 
    -webkit-border-bottom-right-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    -moz-border-radius-bottomleft: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    }
    div.infoBox li ul.mid li:last-of-type a {
        border-bottom: 1px solid #2c70b7 !important;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
div.infoBox h1,
div.infoBox h2,
div.infoBox h3,
div.infoBox h4,
div.infoBox h5 {
    font-size: 1.2em;
    color: #fff !important;
    display: block;
    font-family: arial;
    margin: 0px auto;
    font-weight: bold;
    padding: 7px 0px 7px;
    width: auto;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #2c70b7;
    background-color: transparent !important;
    /*
    background-image: url(../layout/rpt-bg-infobox-heading.png);
    background-repeat: repeat-x;
    background-position: left center;
    box-shadow: 0px 3px 2px #d3d3d3;*/
    }
div.infoBox h1 span,
div.infoBox h2 span,
div.infoBox h3 span,
div.infoBox h4 span,
div.infoBox h5 span,
div.filteredInfoBox h1 span,
div.filteredInfoBox h2 span,
div.filteredInfoBox h3 span,
div.filteredInfoBox h4 span,
div.filteredInfoBox h5 span {
    display: block;
    width: auto;
    padding: 3px 5px 3px;
    text-shadow: 1px 1px #023158;
    }

div.filteredInfoBox h1,
div.filteredInfoBox h2,
div.filteredInfoBox h3,
div.filteredInfoBox h4,
div.filteredInfoBox h5 {
    margin: 0px;
    padding: 7px 5px;
    color: #fff !important;
    font-size: 1.2em;
    text-align: left;
}
div.filteredInfoBox {
    padding: 0 0 7px;
    margin: 20px 0 10px;
}
div.filteredInfoBox div#CountryList-nav  {
    margin: 0px !important;
    padding: 0px !important;
    border-bottom: 1px solid #6486c8;
}
    div.filteredInfoBox div#CountryList-nav div.ln-letters {
        border-bottom: 1px solid #0d427a;
        display: block;
        padding: 0px 10px 12px;
    }
div.filteredInfoBox li {
    border-bottom: 1px solid #6486c8;
}
    div.filteredInfoBox li a {
        display: block;
        padding: 10px 36px 10px 16px;
        border-bottom: 1px solid #0d427a;
        
    }
    div.filteredInfoBox li a:hover {
        text-decoration: none;
        background-color: #3578bd;
        -webkit-transition: all 100ms ease 0.1s;
        -moz-transition: all 100ms ease 0.1s;
        -o-transition: all 100ms ease 0.1s;
        transition: all 100ms ease 0.1s;
    }

    div.filteredInfoBox ul#CountryList li.ln-no-match {
        color: #fff;
        padding: 20px 0px !important;
    }
    div.filteredInfoBox .ln-letters a {
        border:1px solid #104884;
        color: #cfe4f8;
        margin: 1px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px; 
        -khtml-border-radius: 1px;
    }
     div.filteredInfoBox .ln-selected,
     div.filteredInfoBox .ln-selected:hover,
     div.filteredInfoBox .ln-selected:active,
     div.filteredInfoBox .ln-selected:focus {
         background-color: #e2eaf9 !important;
         color: #104884 !important;
         border:1px solid #104884 !important;
    }
    div.filteredInfoBox a.ln-disabled {
        color: #104884 !important; 
    }
        div.filteredInfoBox .ln-letters a:hover,
        div.filteredInfoBox .ln-letters a:active,
        div.filteredInfoBox .ln-letters a:focus {
            background-color: transparent;
            border: 1px solid #fff; 
            color: #fff;
        }
        
        div.filteredInfoBox a.ln-disabled:hover,
        div.filteredInfoBox a.ln-disabled:active,
        div.filteredInfoBox a.ln-disabled:focus {
            color: #104884 !important; 
            background-color: transparent;
            border:1px solid #104884 !important;
        }
        
div.infoBox li.footerLink {
    margin: 0px auto;
    text-align: right;
    background-color: #1566aa;
    background-image: url(../layout/rpt-bg-infobox-heading.png);
    background-repeat: repeat-x;
    background-position: left center;
    }
div.infoBox li.footerLink a {
    color: #fff;
    font-size: 0.95em;
    font-weight: bold;
    }
div.infoBox li.footerLink a:hover,
div.infoBox li.footerLink a:active,
div.infoBox li.footerLink a:focus {
    color: #fff !important;
    }

footer {
    text-align: center;
    clear: both;
    text-align: left;
    margin: 0px auto 0px;
    padding: 0px 0 60px;
    }
footer div.section {
    display: block;
    width: auto;
    padding: 40px 0px 0px;
    margin: 0px 1% 0px 1%;
    float: left;
}

footer div.section ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px auto;
    }
footer div.section ul li.list-title a,
footer div.section span.list-title {
    font-size: 1.2em;
    padding: 10px 0px 5px !important;
    border-bottom: 1px solid #5b9bd2;
    margin-bottom: 8px !important;
    text-decoration: none;
    }
    footer div.section div.contact-us span.list-title a {
        color: #fff;
        }
        footer div.section div.contact-us span.list-title a:hover,
        footer div.section div.contact-us span.list-title a:active,
        footer div.section div.contact-us span.list-title a:focus {
            text-decoration: none;
        }
footer div.section span.list-title,
footer div.section ul li a {
    color: #fff;
    display: block;
    line-height: 1.4em;
    padding: 6px 0px 6px;
    display: block;
    }

footer div.section ul li a {
    font-size: 0.85em;
    font-family: Verdana, Arial;
    
    }
footer div.section.contact {
    padding: 40px 0 0;
    margin: 0px;
    display: block;
}
footer div.social-links,
footer div.contact-us {
    padding: 0px 0px 6px;
    margin: 0px;
    display: block;
}
footer div.social-links li {
    display: inline-block;
    }
footer div.social-links span {
    display: block;
    padding: 8px 0px;
    margin: 0px;
    text-align: left;
    color: #fff;
    font-size: 1.2em;
    text-indent: 5px;
}
    
footer div.social-links a {
    display: block;
    width: 35px;
    height: 35px;
    padding: 0px;
    margin: 0px 5px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    border: none !important;
}
footer div.social-links a:hover,
footer div.social-links a:active,
footer div.social-links a:focus {
    background-size: 32px 32px;
    -webkit-transition: all 100ms ease 0.1s;
    -moz-transition: all 100ms ease 0.1s;
    -o-transition: all 100ms ease 0.1s;
    transition: all 100ms ease 0.1s;
    }
footer div.social-links a span {
    padding: 0px;
    text-indent: -9999px !important;   
    }

footer div.contact-us ul li a {
    font-size: 1.1em;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px auto;
    padding-left: 30px;
    }
footer div.contact-us ul li.call {
    font-size: 1.1em;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 25px auto;
    padding: 6px 0 6px 30px;
    }
    footer div.contact-us ul li.call a {
        padding: 0px !important;
        font-size: 1em !important;
    }
    footer div.contact-us ul li.call span {
        color: #aad1f2;
    
    }
        footer div.contact-us ul li.call span.address_block.date {
            color: #aad1f2 !important;
            padding-top: 8px;
        }
        footer div.contact-us ul li.call span.address_block.date strong {
            color: #fff !important;
            font-weight: 500;
        }
div.copyright-notice {
    margin: 10px 0px 0px 0px;
    clear: both;
    color: #fff;
 
}
div.copyright-notice span {
    display: inline-block;
    white-space: nowrap;
    padding-top: 9px;
    }

div.container-accreditations {
  text-align: center;
  /*background-image: url("../layout/shadowBottom.png");*/
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #fff;
}
div.container-accreditations li {
    display: inline-block;
    margin: 8px 16px 20px;
    }

/* Quote process */
div#stepWrapper {
    display: block;
    padding-top: 20px;
}
div#stepWrapper ul {
    display: block;
    padding: 0px 0px 0px 0px;
    min-height: 20px;
    margin: 0px 0px 0px;
    background-image: url('../layout/bg-rpt-tubestation.png');
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 89% 5px;
}
div#stepWrapper.airfreight ul, div#stepWrapper.seafreight ul { background-size: 84% 5px !important; }
div#stepWrapper.shop ul { background-size: 75% 5px !important; }

ul#progress li {
    display: block;
    float: left;
    padding: 25px 0px 0px 0px;
    margin: 0px;
    list-style-type: none;
    width: 12.5%;
    min-height:30px;
    text-align: center;
    font-size: 0.85em;
    background-image: url('../layout/bg-tubestation-blank.png');
    background-repeat: no-repeat;
    background-position: top center;
}
div#stepWrapper.airfreight ul#progress li {
    width: 16.6% !important;
}
div#stepWrapper.shop ul#progress {
    padding-left: 0 !important;
}
div#stepWrapper.shop ul#progress li {
    width: 25% !important;
}  
div#stepWrapper.data li.data,
div#stepWrapper.check li.check,
div#stepWrapper.upload li.upload,
div#stepWrapper.services li.services,
div#stepWrapper.consignment li.consignment,
div#stepWrapper.quote li.quote,
div#stepWrapper.address li.address,
div#stepWrapper.packinglist li.packinglist,
div#stepWrapper.orderoverview li.orderoverview,
div#stepWrapper.collection li.collection,
div#stepWrapper.insurance li.insurance,
div#stepWrapper.cartoverview li.cartoverview,
div#stepWrapper.confirmation li.confirmation,
div#stepWrapper.shop.order li.order,
div#stepWrapper.shop.address li.address,
div#stepWrapper.shop.payment li.payment,
div#stepWrapper.shop.confirmation li.confirmation {
    background-image: url('../layout/bg-tubestation-active.png') !important;    
}

/*Mark Tube as Complete - Quote Sections*/
div#stepWrapper.data li.upload,
div#stepWrapper.check li.upload,
div#stepWrapper.check li.address,
div#stepWrapper.services li.upload,
div#stepWrapper.services li.address,
div#stepWrapper.services li.check,
div#stepWrapper.address li.quote,
div#stepWrapper.packinglist li.quote,
div#stepWrapper.packinglist li.address,
div#stepWrapper.orderoverview li.quote,
div#stepWrapper.orderoverview li.address,
div#stepWrapper.orderoverview li.packinglist,
/*Mark Tube as Complete - Cart Sections*/
div#stepWrapper.collection li.quote,
div#stepWrapper.collection li.address,
div#stepWrapper.collection li.packinglist,
div#stepWrapper.collection li.orderoverview,
div#stepWrapper.insurance li.quote,
div#stepWrapper.insurance li.address,
div#stepWrapper.insurance li.packinglist,
div#stepWrapper.insurance li.orderoverview,
div#stepWrapper.insurance li.collection,
div#stepWrapper.collection li.quote,
div#stepWrapper.collection li.address,
div#stepWrapper.collection li.packinglist,
div#stepWrapper.collection li.orderoverview,
div#stepWrapper.cartoverview li.quote,
div#stepWrapper.cartoverview li.address,
div#stepWrapper.cartoverview li.packinglist,
div#stepWrapper.cartoverview li.orderoverview,
div#stepWrapper.cartoverview li.collection,
div#stepWrapper.cartoverview li.insurance,
div#stepWrapper.confirmation li.quote,
div#stepWrapper.confirmation li.address,
div#stepWrapper.confirmation li.packinglist,
div#stepWrapper.confirmation li.orderoverview,
div#stepWrapper.confirmation li.collection,
div#stepWrapper.confirmation li.insurance,
div#stepWrapper.confirmation li.collection,
div#stepWrapper.confirmation li.insurance,
div#stepWrapper.confirmation li.cartoverview,
div#stepWrapper.confirmation li.confirmation,
/*Mark Tube as Complete - Shop*/
div#stepWrapper.shop.order li.address,
div#stepWrapper.shop.payment li.order,
div#stepWrapper.shop.payment li.address,
div#stepWrapper.shop.address li.delivery,
div#stepWrapper.shop.payment li.delivery,
div#stepWrapper.shop.confirmation li.order,
div#stepWrapper.shop.confirmation li.address,
div#stepWrapper.shop.confirmation li.delivery,
div#stepWrapper.shop.confirmation li.payment {
    background-image: url('../layout/bg-tubestation-complete.png') !important;
}


div#stepWrapper.quote.airfreight,
div#stepWrapper.quote.seafreight { background-size: 80.5% 5px; }
div#stepWrapper.quote.airfreight li,
div#stepWrapper.quote.seafreight li { width: 13.8%; }
div#stepWrapper.quote.airfreight li.collection,
div#stepWrapper.quote.seafreight li.collection { display: none; }

    div#stepWrapper.airfreight .collection,
    div#stepWrapper.seafreight .collection,
    div#stepWrapper.airfreight .insurance,
    div#stepWrapper.seafreight .insurance {
        display: none;
    }


    table.fullwidth,
    div.table.structure.fullwidth {
        width: 99% !important;
        margin: auto 0.5%;
    }

/* Standard Table Formatting */

table.standard {
	border-collapse:collapse;
    color: #02548F;
    width: auto; 
    margin: auto 0.5% 30px;
    }
    table.standard.center {
        margin-right: auto !important;
        margin-left: auto !important;
    }
div#slide-panel table.standard {
    margin-top: 10px;
}

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

table.standard tr:nth-child(1) td.first-instance {
    visibility: visible;
}

table.standard th:first-of-type{
    border-top-left-radius: 10px;
}
table.standard th:last-of-type {
    border-top-right-radius: 10px;
}
table.standard td { 
	padding: 8px;
    text-align: center;
    color: #054f95;
	}
table.standard td.highlight b {
    color: #3f9d00;
    }
table.standard th { 

	padding:7px;
    color: #fff;
    font-family: arial;
    text-align: center;
	}
table.standard.orders th,
table.standard.invoices th,
table.standard.airfreight th,
table.standard.seafreight th,
table.standard.data th,
table.standard.consignmentinfo th {
    font-size: 0.85em;
    } 
table.standard th.left {
    text-align: left;    
    }
table.standard th a {
    color: #fff;
    }
    table.standard th a.save_button {
        color: #296db3 !important;
        text-decoration: none;
    }
    a.save_button.add {
        background-image: url(../layout/add_item_list.png);
        background-repeat: no-repeat;
        background-position: 5px center;
        padding-left: 35px !important;
        text-decoration: none;
    }
table.standard th img {
    float: left;
    }
table.standard th span.destination {
    display: block;
    text-align: left;
    padding: 14px 0px 0px 40px;
    }

table.standard tr.even,
table.standard tr:nth-child(odd),
div.table.structure div.row:nth-child(odd) { 
	background: transparent;
	}
table.standard tr th:first-of-type,
table.standard tr td:first-of-type,
table.form_table tr th:first-of-type,
table.collectionCutOffTable tr th:first-of-type,
table.collectionCutOffTable tr td:first-of-type {
      -webkit-border-top-left-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;

      -moz-border-radius-topleft: 6px;
      -moz-border-radius-bottomleft: 6px;

      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
        }

table.standard tr th:last-of-type, 
table.standard tr td:last-of-type,
table.form_table tr th:last-of-type,
table.collectionCutOffTable tr th:last-of-type,
table.collectionCutOffTable tr td:last-of-type {
      -webkit-border-top-right-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;

      -moz-border-radius-topright: 8px;
      -moz-border-radius-bottomright: 8px;

      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
    }


table#quotationTbl tr.Transglobal.Courier {
    position: relative;
    background-color: #fff !important;
    border: 2px solid #004a8a;
    box-sizing: border-box;

}
        /*table#quotationTbl tr.Transglobal.Courier td.serviceName:before,
    table#quotationTbl tr.Transglobal.Courier td.serviceName:after {
        content: "";
        background-image: url(../layout/rpt-chevrons.png);
        background-position: center top;
        background-repeat: repeat-x;
        display: block;
        width: 100%;
        height: 10px;
        position: absolute;
        background-position: center right;
        background-size: auto 7px;
    }
        table#quotationTbl tr.Transglobal.Courier td.serviceName:before {
            top: 0;
            left: 0;
            right: 0;
            border-top: 2px solid #fff;
        }
        table#quotationTbl tr.Transglobal.Courier td.serviceName:after {
            bottom: 0;
            left: 0;
            right: 0;
            border-bottom: 2px solid #fff;
        }*/
       /* table#quotationTbl tr.Transglobal.Courier td.serviceName div.badge-hover:after {
            content: "Our new door-to-door service operating in London & surrounding areas!";
            display: block;
            color: #004a8a;
            max-width: 200px;
        }*/
        table#quotationTbl tr.Transglobal.Courier td span.name {
            font-size: 12px;
        }
    table#quotationTbl tr.Transglobal.Courier td span.ribbon {
        display: block;
        width: 55px;
        height: 55px;
        background-repeat: no-repeat;
        background-position: left top;
        background-image: url(../layout/ribbon-new-blue.png);
        position: absolute;
        top: -24px;
        left: -12px;
    }
    table#quotationTbl tr.Transglobal.Courier td.lastCell a.button_blue.checkAvailability span {
        text-indent: -999px;
        display: none;
    }
    table#quotationTbl tr.Transglobal.Courier td.lastCell a.button_blue.checkAvailability:before {
        content: "Check availability";
        padding: 0px 3px;
        display: block;
    }
    table.collectionCutOffTable .serviceImage img {
        width: 40px;
    }

.ServiceImage_small {
    display: none;
    width: 38px;
}


@media (min-width: 700px) and (max-width: 1010px) {
    table.collectionCutOffTable td.serviceImage {
        padding: 0 !important;
    }
    table.collectionCutOffTable .serviceImage img {
        display: none;
    }
    .ServiceImage_small {
        display: block;
    }
}

@media screen and (max-width: 750px) {
    .ServiceImage_small {
        margin: 0 auto;
    }
}

table.standard tr.alert,
table.standard tr.alert td {
    background-color: #ffdada !important;
    color: #b40000 !important;
    font-weight: bold;
    font-family: Arial;
    font-size: 0.95em;
    }
table.standard td.serviceName img {
    width: 70px;
    }
    table.standard td.serviceName.Fedex img {
        width: auto;
    }
table.standard td.serviceName span.name {
    white-space: nowrap;
    display: inline-block;
    padding: 10px 30px 5px 5px;
    }

table.standard tr.USPS.Print td.serviceName span.new:after {
    color: #fff;
    background-color: #4e9fea !important;
    padding: 7px 10px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    -khtml-border-radius: 2px !important;
    position: relative;
    left: -15px;
}
table.standard td.description:before {
    font-size: 1em;
    }
table.standard td.left { text-align: left; }
table.standard td.right { text-align: right; }

table.standard td.FormTableField.radio label { margin-right: 15px;}

table.standard td span.note {
    display: block;
    padding-top: 3px;
    }
    table#quotationTbl.standard td.collection_charge span.title.note {
        white-space: nowrap;
    }
table.standard td ul,
table.standard td ul li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-size: 0.95em;
    }
    table.standard td ul.bullet li {
        padding: 4px 0 4px 10px !important;
        background-size: 5px auto;
        background-position: left 8px; 
    }
    table.standard td a.hover ul,
    table.standard td a.hover ul li {
        font-size: 1em !important;
    }
table.standard tr.example, 
table.standard tr.example td {
    color: #7c94af;
    }

table.standard tr.footer td {
    text-align: right;
    padding-top:10px;
    padding-left: 0px !important;
    padding-bottom:10px;
    background-color: #fff !important;
    color: #02508b;
    }
table.standard tr.footer td strong {
    display: inline-block;
    font-size: 1.4em;
    margin-right: 5%;
    }
table.responsive.packinglist tr.footer td:before {display: none;}

table.standard.textLeft td,
table.standard td.textLeft,
table.responsive.carrier-surcharges td { text-align: left !important; }

table.standard td input[type="text"], table.standard td input[type="password"], table.standard td input[type="file"],
div.table.forms input[type="text"], div.table.forms input[type="password"], div.table.forms input[type="file"], div.table.forms select  { padding: 3px 3px; border: 1px solid #bfd2e7; width: 94%; }

.customs_invoice_table.saved_pl table tbody td select {
    padding: 8px 8px !important;
    border: 1px solid #bfd2e7;
    width: 100%;
    -moz-border-radius: 7px !important;
    -webkit-border-radius: 7px !important;
    border-radius: 7px !important;
    -khtml-border-radius: 7px !important;
}

table.standard td input[type="password"] {max-width: 250px;}

table.standard td span.tableOption,
table.standard td label.tableOption  {float: right; display: block; /*white-space: nowrap;*/}

table.standard td ul li, table.standard td ol li {text-align: left; padding: 8px 0;}


table.standard td.packageCount { font-size: 1.2em; font-weight: normal !important;}
table.standard td.packageCount strong { font-weight: normal;}

table.standard tr.dimensionsRow td input { text-align: center; }

table.standard div.quoteCriteriaRequired {
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
}
    table.standard div.quoteCriteriaRequired label {
        text-align: left;
        font-size: 0.85em;
        padding: 0 0 3px;
        margin: 0px;
    }
    table.standard div.quoteCriteriaRequired input[type="text"] {
        padding-right: 22px !important;
        margin: 0px;
        width: 100% !important;
    }


table.standard tr.courier {
    background-color: #d2e4fa !important;
    border-top: 9px solid #f6f9fc ;
    border-bottom: 9px solid #f6f9fc ;
}
    table.standard tr.courier td {
        /*color: #fff !important;*/;
    }
    table.standard tr.courier td span.note {
        /*color: #adc5de !important;*/
    }
        table.standard tr.courier td.highlight b {
            /*color: #fff !important;*/
        }
table.standard tr.courier span.servicetitle {
    display: block;
    background-repeat: no-repeat;
    background-position: center left;
    text-align: left;
    padding: 10px 0;
}
    table.standard tr.courier span.servicetitle.courier {
        background-image: url(../layout/icon_courier_truck.png);
        padding-left: 60px;
    }
table.bubblewrap select {
    width: 45px !important;
    height: 40px !important;
    text-align: center !important;
    padding: 8px !important;
}

table.centered { text-align: center; margin-left: auto !important; margin-right: auto; }

span.departuredays {
    display: block;    
    font-weight: bold;
    font-family: arial;
    text-transform: uppercase;
    font-size: 0.8em;
}
span.departuredays strong {
    text-transform: none;
    font-size: 1.1em;
    color: #cf181f;
}
table.downloads {
    width: 100%;
}
table.downloads a.button.light-blue.print {
    display: block;
    max-width: 200px;
}
table.downloads td.options ul, table.products td.options ul { 
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    white-space: nowrap; 
    text-align: left; 
    }
table.downloads td ul li, table.products td ul li {
    list-style-type: none;
    padding: 4px 0px;
    margin: 0px;
    white-space: nowrap;
    text-align: left;
    }
    table.downloads td ul li {
    white-space: normal;
    }
table.downloads td label, table.products td label {
    display: inline-block;
}
table.downloads td input, table.products td input {
    margin-right: 6px;
    padding: 2px 3px;
    position: relative;
    top: 0px;
    }
table.clean.data th,
table.clean.data td {
    padding: 5px 8px;
    text-align: left;
    color: #054f95;
}
table.clean.data th { font-family: arial; }

table.clean label {
   font-weight: bold;
   font-family: arial;
   color: #02548F;
   font-size: 0.9em;
   display: inline-block;
   padding: 15px 8px 0px 8px;
}
table.clean input, table.clean select {
    margin-top: 10px;
    padding: 4px 8px;
}

table.clean a.btn {
    margin-top: 10px;
}

.help_icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    overflow: hidden;
    /*background-image: url(../layout/icon-hint-grey.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;*/
    position: relative;
}
    .help_icon:hover,
    .help_icon:active,
    .help_icon:focus {
        text-decoration: none;
    }
    .help_icon:before {
        content: "?";
        display: block;
        width: 20px;
        height: 20px;
        color: #879cb1;
        font-size: 15px;
        font-weight: 800;
        border: 1px solid #879cb1;
        text-align: center;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        text-indent: 0;
        background-color: #fff;
    }
        .help_icon:hover:before {
            color: #296db3;
            border: 1px solid #296db3;
        }
    .quote_settings .help_icon {
        top: 7px;
    }
#quotationTbl .emailQuote {
    display: none;
}
#quotationTbl.standard td {
    padding: 20px 8px !important;
}
    #quotationTbl.standard td.transit_time .delays {
        display: none;
    }
    #quotationTbl.standard td[class^="transit_time UPS Standard ® Single (Ex Depot)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Standard ® Multi (Ex Depot)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Express Saver® (Ex Depot)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Express Plus® (ex Depot)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Express Plus® (Ex Depot)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Express® (Ex Depot)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Standard ® Single (TG)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Standard ® Multi (TG)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Express Saver® (TG)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Express Plus® (TG)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Express Plus® (TG)"] a.link,
    #quotationTbl.standard td[class^="transit_time UPS Express® (TG)"] a.link {
        display: none;
    }
    /*#quotationTbl.standard td.transit_time.UPS.Single .delays,
    #quotationTbl.standard td.transit_time.UPS.Multi .delays,
    #quotationTbl.standard td.transit_time.UPS.Access .delays {
        display: inline;
    }*/
ul.quote-tools {
    display: block;
    clear: both;
    list-style-type: none;
    padding: 10px 0px;
}
ul.quote-tools li {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    margin-bottom: 10px;
}
    ul.quote-tools li.countryNotification {
        float: right;
    }
    ul.quote-tools li.label-options {
        float: right;
    }

ul.quote-tools li a.banner {
    display: block;
    padding: 3px 9px;
    text-decoration: none;
    }
ul.quote-tools li a.banner img,
ul.quote-tools li a.banner span {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    white-space: nowrap;
    }
ul.quote-tools li a.banner img {
    margin-right: 9px;
    }
ul.quote-tools li a.banner.alert {
    color: #EC121B;
    }
ul.quote-tools li a.banner span.info:after {
    content: "View";
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 3px 6px;
    margin: 0px 0px 0px 6px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -khtml-border-radius: 7px;
    }
ul.quote-tools li a,
div.container.labelSettings dd a.btn {
    display: block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    -khtml-border-radius: 10px;
    font-weight: bold;
    font-family: Arial;
    text-align: center;
    color: #fff;
    font-size: 0.9em;
    padding: 3px 0px;
    text-decoration: none;
    }
    ul.quote-tools li a.link {
        background-color: transparent;
        color: #0185cd;
        text-decoration: underline;
        display:initial;
        font-family: "Roboto" !important;
        font-weight: 300;
    }
    ul.quote-tools li .label {
        font-family: "Roboto" !important;
        color: #004a8a;
    }
    ul.quote-tools li.stackable_option {
        padding: 10px 20px 10px 30px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -khtml-border-radius: 10px;
        border: 1px solid #e2eaf9;
        background-color: #eaf0fb;
        background-color: #fffde8;
        border: 1px solid #baa773;
        background-image: url(../layout/icon_warning_triangle.png);
        background-repeat: no-repeat;
        background-position: 6px 12px;
    }
    ul.quote-tools li.stackable_option .label {
        color: #5e4f25;

    }
    
/* OLD STYLE HOVERS */

a.icon {
    display: inline-block;
    margin: 0px auto;
    width: 30px;
    height: 30px;
    background-image: url('../layout/icon-info-small.png');
    background-position: center;
    background-repeat: no-repeat;
}
a.icon.tick {
    background-image: url('../layout/icon-green-tick-small.png') !important;
    }
a.btn.form.icon,
a.button.form.icon {
    width: auto !important;
    background-image: none;
}

a.icon span.notification {
    display: none;
}
/* END OLD STYLE HOVERS*/

div.no-printer {
    display: block;
    background-image: url(../layout/icon-no-printer-small.png);
    background-repeat: no-repeat;
    background-position: right top;
    text-align: left;
    padding: 15px 80px 15px 15px;
    margin: auto;
    border: 1px solid #498bd0;
    box-sizing: border-box;
    position: relative;
    top: -5px;
}
    div.no-printer h4 {
        margin: 0px !important;
        padding: 0px 0px 5px !important;
        font-size: 1.2em;
    }
    div.no-printer span.phonenumber {
        font-size: 1.2em;
    }
 div.no-printer span.message {
    color: #054f95;
    font-size: 0.95em;
}
a.noprinter,
span.noprinter {
    background-image: url(../layout/icon-no-printer.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 120px;
    padding-top: 130px;
    display: block;
    min-width: 130px;
    font-size: 1.3em;
    cursor: pointer;
}
div.noprinter {
    max-width: 300px;
    text-align: center;
}
div.noprinter span.moreinfo {
    text-align: center;
    padding: 8px;
    color: #498bd0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    -khtml-border-radius: 5px;
    margin: 0px 0px 10px;
}

a.hover {
    font-size: 11px;
    position: relative;
    z-index: 0;
    cursor: pointer;
}
a.hover.link,
label.hover.link {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px dotted #0185cd;
    position: relative;
    }
a.hover.printerRequired  {
    display: block !important;
    width: auto !important;
    text-align: center !important; 
    min-height: 25px;
}
a.hover.printerRequired img {
    text-align: center;
    float: none;
    }
label.hover.left span.notification,
a.hover.left span.notification{
    right: 0 !important;
    left: auto;
    }

a.hover span.notification span,
label.hover span.notification {
    line-height: 1.4em;
    }

a.hover span.notification b,
label.hover span.notification b {
    display: block;
    clear: both;    
    padding: 6px 4px 6px;
    margin: 0px 0px 5px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    -khtml-border-radius: 5px;
    color: #fff !important;
    background-repeat: repeat-x;
    background-position: left center;
    font-size: 1.2em;
    text-align: center;
    }
a.hover span.notification ul,
label.hover span.notification ul {
    display: block;
    width: auto;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }
a.hover span.notification i,
a.hover span.notification ul li,
label.hover span.notification i,
label.hover span.notification ul li {    
    font-style: normal;
    display: block;
    width: auto;
    margin: 0px;
    padding: 3px 6px;
    list-style-type: none;
    white-space: normal;
    line-height: 1.4em;
    }
a.hover.icon {
    display: inline-block;
    width: 25px !important;
    height: 28px !important;
    background-repeat: no-repeat;
    background-position: left bottom;
    text-decoration: none;
    z-index: 0;
    
    }
a.hover.help {
    cursor: help !important;
    }
a.hover.icon.help {
    background-image: url('../layout/icon-info-small.png');
    }
    td.serviceName a.hover.active {
      background-image: none !important;
    }
a.hover.active
a.hover.icon span.notification {
    position: absolute;
    left: 21px;
    }
a.hover.icon.left span.notification {
    position: absolute;
    left: -315px !important;
    }

div.form.section{
    display: block;
    padding: 10px 0px 15px;
    margin: 8px 3% 12px;
    width: auto;
    text-align: center;
}


div.AddAddress tr#What3Words_Row div.form.section {
    margin: 0 !important;
    box-sizing: border-box;
    text-align: left;
}
    div.AddAddress tr#What3Words_Row div.form.section .compact_form  .w3w input[type="text"] {
        border: 1px solid #bac9e5 !important;
        border-width: 1px 1px 1px 1px !important;
    }
    div.AddAddress tr#What3Words_Row div.form.section .compact_form  .w3w .note {
        display: none !important;
    }
    div.AddAddress tr#What3Words_Row .button_blue.xsmall {
        padding: 3px !important;
        min-width: 50px;
        width: 50px;
    }
#slide-panel {
    display: none;
    background-color: #e6f3ff;
    padding: 10px 0px 15px;
    margin: 8px 0 12px;
    width: auto;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -khtml-border-radius: 14px;
    border: 1px solid #cfe4f8;
    text-align: center;
}
.freight_quote_table h2 {
    font-family: "Roboto";
    color: #02538f !important;
    letter-spacing: normal !important;
    padding: 0 10px 10px 10px !important;
    text-align: left;
}
#panel {
    display: none;
    padding: 0px 0px;
    margin: 0px;
    width: auto;
    text-align: center;
}

.air_freight_quote #panel {
    display: block;
}

#panel table {
    margin-bottom: 10px;
}
section.information {
    display: block;
    clear: both;
    width: auto;
    margin: initial 0.5%;
    padding: 10px;
}
section.form.section {
    display: block;
    background-color: #e6f3ff;
    padding: 10px 2% 15px;
    margin: 8px 0.5% 12px;
    width: auto;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px; 
    -khtml-border-radius: 14px;
    border: 1px solid #cfe4f8;
}
    div.box section.form.section {
        border: 1px solid #cedaf1 !important;
        background-color: #f6f9fc !important;
    }
        div.box section.form.section select,
        div.box .address_lookup input[type=text] {
            background-color: #fff !important;
        }
        div.box section.form.section table td label {
            top: 6px;
            position: relative;
        }
div.contentarea.freight div.address_lookup select {
    display: block;
    box-sizing: border-box;
    width: 96%;
    margin: 0 2% 15px;
   -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
    display: block;
    padding: 10px 45px 10px 10px !important;
    border: 1px solid #bac9e5 !important;
    background-image: url(../layout/cart/icon_lookup.png);
    
}
section.form.section.center {
    text-align: center;
    display: block;
    }
section.form.section.center table {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    }

div#nestedAccordion {
    width: 99%;
    margin: 0px 0.5%;
    box-sizing: border-box;
}
div.sectioned div#nestedAccordion div.accordion-container {
    margin: 0 !important;
}
div.accordion-container {
    display: none;
    padding: 4px 0 30px !important;
}
div.accordion-container,
div.sectioned div.accordion-container {
    background-color: transparent !important;
}
    div.country-service-info div.accordion-container table {
        width: 100%;
    }
        div.country-service-info div.accordion-container table tr td:first-of-type {
            width: 95px;
        }
    div.roboto .content-page h2.title,
    div.roboto .content-page h3.title,
    div.roboto .content-page h4.title,
    div.roboto .content-page h5.title,
    div.accordion-container .content-page h2.title,
    div.accordion-container .content-page h3.title,
    div.accordion-container .content-page h4.title,
    div.accordion-container .content-page h5.title {
        padding-top: 0 !important;
    }
.accordion-container ul.info_list {
    padding: 25px 20px 0 !important;
    box-sizing: border-box;
}
    .accordion-container ul.info_list li {
        display: block;
        background-repeat: no-repeat;
        background-position: 8px center;
        padding: 15px 0 13px 38px;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        -khtml-border-radius: 9px;
    }
        .accordion-container ul.info_list li:nth-of-type(odd) {
            background-color:#e2eaf9 ;
        }
        .accordion-container ul.info_list li.link {
            background-image: url(../layout/icon_links.png);
        }
        .accordion-container ul.info_list li i {
            font-size: 11px;
            font-style: normal;
        }
    .accordion-container ul.info_list a {
    
    }
div.accordion-container.fullwidth {
    display: block;
    box-sizing: border-box;
}
    div.accordion-container.fullwidth span.title {
        display: block;
        width: 100%;
        padding: 10px 15px 10px 32px;
        box-sizing: border-box;
        border: 2px solid #fff;
        border-bottom: 1px solid #bccceb !important;
        margin: 0;
        cursor: help;
        color: #054f95;
        background-color: #eef4fe;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        -khtml-border-radius: 7px;
        background-image: url(../layout/icon-plus-dark.png);
        background-repeat: no-repeat;
        background-position: 7px center;
        clear: both;
    }
        div.accordion-container.fullwidth span.title.active {
            background-image: url(../layout/icon-minus-dark.png);
        }
        div.accordion-container.fullwidth span.title:nth-of-type(even) {
            background-color: #e2eaf9;
        }
    div.accordion-container.fullwidth ul,
    div.accordion-container.fullwidth ul li {
        display: block;
        list-style-type: none;
        padding: 10px 12px;
        margin: 0;
        box-sizing: border-box;
        }
        div.accordion-container.fullwidth ul ul li,
        div.accordion-container.fullwidth ul ol li,       
        div.accordion-container.fullwidth ol ul li,
        div.accordion-container.fullwidth ol ol li {
            background-image: url(../layout/bullet-arrow-blue-small.png) !important;
            background-position: left center;
            background-repeat: no-repeat;
        }
        div.accordion-container.fullwidth ul img,
        div.accordion-container.fullwidth ol img {
            float: right;
            margin-left: 20px;
        }
        div.accordion-container.fullwidth ul.bullet li,
        div.accordion-container.fullwidth ol.bullet li {
            padding-top: 0px !important;
        }
select#CollectionAddress_CountryID,
select#CollectionAddressDropDown,
select#CollectionAddress_CountyCode,
input.textbox,
select#CountryList,
select#DeliveryAddressDropDown {
    width: 90%;
}

div.form.section.white {
    background-color: #fff !important;
    }
div.form.section.transparent {
    background-color: transparent !important;
    border-color: transparent !important;
    }
div.form.section.inner {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    -khtml-border-radius: 10px;
    padding: 6px 10px 12px;
    }
div.Address_Form div.form.section.inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
    div.Address_Form div.form.section.inner table td {
        padding: 6px 0px 12px !important;
    }
div.form.section.white input {
    border: 1px solid #cfe4f8;
    display: inline-block;
    }
div.form.section div.row {
    display: block;
    padding: 5px 0px;
    clear: both;
    }
div.form.section div.row label {
    display: inline-block;
    padding: 5px 1%;
    }
div.login-form div.form.section div.row {
    text-align: left;
}
div.login-form div.form.section label {
    width: 40%;
    text-align: right;
}
div.login-form div.form.section input[type=text],
div.login-form div.form.section input[type=email],
div.login-form div.form.section input[type=password]  {
    width: 50%;
    max-width: 180px;
}
div.form.section img {
    display: inline-block;
    }
div.form.section table {
    width: 100%;    
    }
div.form.section span.FormLabelDescription,
section.form.section span.FormLabelDescription {
    font-size: 0.85em;
    font-weight: bold;
    font-family: arial;
    color: #1a68a1;
    display: block;
    padding: 3px;
    }
div.form.section input#fileUpload,
section.form.section input#fileUpload {
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    -khtml-border-radius: 10px;
}
div.selectAddressBook div.lookup {
    display: block;
}
div.selectAddressBook div.lookup input {
    width: 70% !important;
    font-size: 0.85em;
    }

div.selectAddressBook div.lookup select {
    width: 70% !important;
    }
div.selectAddressBook div.lookup img {
    position: relative;
    top: 9px;
    margin-left: 5px;
    float: none !important;
}
div.form.section.LoginContainer div.row label {
    display: inline-block;
    width: 40%;
    text-align: right;
    font-weight: bold;
    font-family: arial;
    color: #fff;
    }
div.LoginContainer input[type=text],
div.LoginContainer input[type=password] {
    display: inline-block;
    width: 50%;
    max-width: 220px;
    border: 1px solid #fff;
    padding: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 1px solid #fff;
    color: #333; 
    }
div.containerRemember {
    display: block;
    clear: both;
}
div.containerRemember input {
    margin-right: 5px;
    position: relative;
    top: 2px; 
}
table.options_table,
div.form.section table.FormTable {
    width:100%;
    border-collapse: collapse;
}

div.form.section table.FormTable td,
section.form.section table.FormTable td {
    padding: 3px;
    text-align: left;
 }
table.options_table td.FormTableLabel,
div.form.section table.FormTable td.FormTableLabel,
div.form.section table.FormTable th.FormTableLabel
section.form.section table.FormTable td.FormTableLabel {
    width: 40%;
    text-align: right;
    vertical-align: top;
}
    div.form.section table.FormTable td.FormTableLabel.top,
    section.form.section table.FormTable td.FormTableLabel.top {

        vertical-align: top;
    }
div.form.section table.FormTable td.button-container {
    text-align: center;
    }
table.options_table td.FormTableLabel label,
td.destinationCountry div,
div.form.section label,
section.form.section label
 {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    z-index: 0;
}
    table.options_table td {
        padding: 0px 3px;
        text-align: left;
     }
    table.options_table td.FormTableLabel {
        padding-top: 10px;
    }
    table.options_table td.FormTableLabel label {
        font-size: 13px;
    }
        table.options_table td.residentialTr {
            padding-bottom: 20px;
        }
td.destinationCountry {
    font-weight: bold;
    font-family: Arial;
    display: block;
    font-size: 1em;
    padding-top: 12px;
    z-index: 0;
    }
    td.destinationCountry div {
        margin-top: 15px;
    }
section.blue div.form.section label,
section.blue section.form.section label {
    color: #fff;
}
div.form.section table.FormTable td label.offset.up {
    position: relative;
    top: -5px;
    z-index: 0;
    }
div.form.section table.FormTable td input,
div.form.section table.FormTable td textarea {
    width: 90%;
}
div.form.section table.FormTable td input[type="checkbox"] {
    width: 20px;
}
div.form.section table.FormTable td input#AirportCode {
    max-width: 100px;
}
div.form.section table.FormTable td input[type="radio"] {
    max-width: 30px;
}

section.form.section select#SavedDeliveryAddress,
div.form.section select#SavedDeliveryAddress { max-width: 250px;  }

div.form.section table.FormTable div.residentialDiv {
    text-align: left;
    display: block;
}
div.form.section table.FormTable div.residentialDiv input {
    width: 20px !important
}
div.form.section table.FormTable div.postcodeLookup {
    text-align: center;
}
div.form.section table.FormTable tr td.checkbox {
    width: 40px;
    text-align: right;
    padding: 10px 0px;
}
div.form.section table.FormTable tr td.checkbox input {
    max-width: 40px;
    text-align: right;
    padding: 10px 0px;
}

div.form.section table.FormTable tr.DeliverySendTrackingEmail input {
    margin-top: 5px;
    width: 20px;
    position: absolute;
    left: -25px;
}
div.form.section table.FormTable tr.DeliverySendTrackingEmail label {
    position: relative;
    font-size: 1em;
    top:2px;
}
table.address-settings {
    max-width: 400px !important;
    margin: auto !important;
}
div.form.section span.note {
    font-family: arial;
    display: inline-block !important;
    padding-top: 3px;
}
div.collection-options {
    display: block;
    position: relative;
    padding: 30px 20px;
    clear: left;
}

.collection-window,
.access-point-window
 {
    display: inline-block;
    margin: 0 2%;
    text-align: left;
    min-height: 200px;
    vertical-align:top;
}
.CollectionDateTimeOption form {
    width: auto;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
#CollectionOptionPickUp.active form,
.CollectionDateTimeOptionSelected form {
    display: block;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.CollectionOptOut form{
    opacity: 0.4 !important;
    filter: alpha(opacity=40) !important;
}

.collection-window div,
.access-point-window div {
    display: block;
    }
div.collection-window div.CollectionDateTimeOptionInput,
div.access-point-window div.CollectionDateTimeOptionInput {
    display: block;
    padding: 8px inherit;
}
/*
select#ddlCollectionDate {
    background-image: none !important;
    overflow: visible;
    padding: 12px !important;
}
*/
div.ups-access-point-collectionpage div.innerContainer {
    display: block;
    float: left;
    text-align: left;
    padding-right: 10px;
}
div.ups-access-point-collectionpage div.button-container span.button {
    /*background-color: #fec70d;
    color: #3d1605;
    border: 1px solid #ffe690;
    text-shadow: 1px 1px #f9d868;
    display: block !important;
    float: right;
    border-radius: 9px;
    padding: 2px 9px;
    font-weight: bold;
    font-family: arial;*/
    }
a.ups-container:hover span.button,
a.ups-container:active span.button,
a.ups-container:focus span.button {
    background-color: #3d1605 !important;
    border: 1px solid #fec70d !important;
    color: #fff !important;
    text-shadow: 1px 1px #1c0901 !important;
    
    padding: 2px 9px !important;
    }
div.ups-access-point-collectionpage div.button-container {
    /*display: block;
    float: none;
    width: auto;
    background-color: #3d1605;
    background-image: url(../layout/logo-ups-AP.png);
    background-repeat: no-repeat;
    background-position: 3px center;
    background-size: 25px;
    text-align: left !important;
    padding: 5px 8px 5px 35px !important;
    border: 1px solid #3d1605;
    border-radius: 7px;*/
}

div.ups-access-point-collectionpage div.CollectionAccessPoint-access-point-address,
div.ups-access-point-collectionpage div.ups-access-point-instructions,
div.ups-access-point-collectionpage div#CollectionAccessPoint-access-point-result b {
    display: block;
    clear: left;
    text-align: left;
    padding: 8px initial;
    color: #02548F;
}

div.consignmentSummary {
    display: block; 
    margin: 0 2%;
}


div.QuoteNavigationContainer {
    display: block;
    clear: both;
    padding: 30px 0px 100px;
    text-align: right;
}
div.QuoteNavigationContainer a.floatleft {
    margin-top: 15px !important;
    margin-left: 8px !important;
    }
div.container.insurance {
    display: block;
    font-family: arial;
    width: auto;
    clear: left;
    padding: 6px 18px;
    font-weight: bold;
    color: #054f95;
    margin-top: 5px;
    border-radius: 10px;
    margin: 0px auto 10px;
    text-align: center;
}

div.container.insurance div {
    display: block;
    width: auto;
    padding: 7px 0px;
    margin: 0px auto;
}
div.container.insurance input[type=text] {
    padding: 3px 3px;
    border: 1px solid #bfd2e7;
    }
span#MsgStandardCover,
span.infoParagraph {
    font-size: 0.85em;
    font-weight: normal;
    display: inline-block;
    padding: 4px 0px 4px 22px;
    background-image: url('../layout/icon-info-small.png');
    background-repeat: no-repeat;
    background-position: left top;
    color: #054f95;
}
div.container.insurance div b#premiumCost {
  font-weight: bold;
  color: #36b100;
  font-size: 1.2em;
  }
div.container.insurance div.checkbox {
    display: block;
    margin: 0px;
    padding-bottom: 20px;
    font-size: 0.9em;
    }
div.container.insurance label a {
    color: #0185cd;
    }

div.insurance-container {
    clear: left;
    display: block;
}
div.container.insurance button#addInsurance {
    float: right;
    }
div.container.insurance button#noInsurance {
    float: left;
    
    }
div.restricted {
    display: block;
    width: auto;
    padding: 20px;
    border: 2px solid #db0707;
    border-radius: 10px;
}
div.restricted h3 {
    display: block;
    background-color: #db0707;
    margin: 0px 0px !important;
    color: #fff !Important;
    padding: 5px 8px !important;
    border-radius: 4px;
    font-size: 0.8em;
    }
ul.NoCompensationItems {
    width: auto;
    display: block;
    clear: both;
}
ul.NoCompensationItems li {
    width: 33%;
    font-family: Arial;
    display: block;
    float: left;
    font-size: 0.85em;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 85px 0px 20px 0px;
    min-height: 40px;
    font-weight: bold;
    background-position: center top, center bottom;
    background-repeat: no-repeat;

}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
}
input[type=number] {
   -moz-appearance:textfield;
}

ul.NoCompensationItems li.antiques {background-image: url(../layout/insurance/antiques.png), url(../layout/-xsml.png);}
ul.NoCompensationItems li.data {background-image: url(../layout/insurance/data.png), url(../layout/-xsml.png);}
ul.NoCompensationItems li.glass {background-image: url(../layout/insurance/glass.png), url(../layout/-xsml.png);}
ul.NoCompensationItems li.monitors {background-image: url(../layout/insurance/monitors.png), url(../layout/-xsml.png);}
ul.NoCompensationItems li.liquids {background-image: url(../layout/insurance/liquids.png), url(../layout/-xsml.png);}
ul.NoCompensationItems li.pottery {background-image: url(../layout/insurance/ceramics.png), url(../layout/-xsml.png);}
ul.NoCompensationItems li.tv {background-image: url(../layout/insurance/tv.png), url(../layout/-xsml.png);}
ul.NoCompensationItems li.vouchers {background-image: url(../layout/insurance/vouchers.png), url(../layout/-xsml.png);}
ul.NoCompensationItems li.art {background-image: url(../layout/insurance/art.png), url(../layout/-xsml.png);}

div.container-order-overview {
    display: block;
    width: 98%;
    margin: 0px 1%;
    clear: left;
}
div.container-consignment-summary,
div.section-container {
    display: block;
    color: #054f95;
    margin: 20px 0px;
    /*background-color: #e6f3ff;*/
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -khtml-border-radius: 14px;
}

div.payment-options table {
    width: 100%;
    margin: 0px;
    clear: both;
    }
.price-green,
div.payment-options span#prePaidCreditAmount {
    font-weight: bold;
    color: #09a80e;
}

div.section-container h1.title,
div.section-container h2.title,
div.section-container h3.title,
div.section-container h4.title,
div.section-container h5.title { 
    margin:  0px !important; 

    }

div.section-container.cost-summary span#insuranceFee { display: block; }
div.section-container.cost-summary span#orderTotal { font-family: arial; font-weight: bold; font-size: 1.1em; color: #054f95; }
div.PaymentDetails { display: block; }
table.AgreementTable td {padding: 8px;}
table.ISFTable td {padding: 8px;}
div.container-terms label {font-weight: bold; color: #054f95; font-size: 0.95em; line-height: 1.5em;}
div.container-terms label a { color:#498bd0; }
div.container-terms div.section.form { margin-top:50px; }
div.package-summary table { margin: 20px auto; }

label.form.label {
    display: block;
    text-align: left;
    width: 95%;
    padding-left: 8px;
}

div.LoginContainer div.inner {
    background-color: #02548f;
    text-align: center;
}
div.admin-area {
    display: block;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -khtml-border-radius: 15px;
}
.video-banner {
    display: block;
    width: auto;
    padding: 20px 0;
    margin: 0;
}
div.account-links {
    display: block;
    width: 98%;
    margin: auto 1%;
}
div.account-links ol li {
    padding: 10px initial;
    list-style-type: none;
    text-align: center;
    }
    div.account-links ol li span.icon {
        display: block;
        width: 90px;
        height: 90px;
        background-repeat: no-repeat;
        background-position: center;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        margin: 0 auto 10px;
    }
div.account-links ol li a {
    display: block;
    padding: 8px 0px 8px 0px;
    margin: 0 0 30px;
    width: auto;
    font-size: 13px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 70px auto;
    text-decoration: none;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    }
div.account-links ol li a:hover,
div.account-links ol li a:active,
div.account-links ol li a:focus {
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    }
div.account-links ol li a i {
    font-style: normal;
    display: block;
    padding: 0px 0px 5px 0px;

    }
div.account-links ol li a span {
    color: #cadef4;
    text-align: left;
    display: none;
    }
    div.account-links .stock_management ol li a span {
        display: block;
        text-align: center;
        color: #004a8a;
    }
div.sub-menu.account li ul {
    display: none;
}
div.sub-menu.account li .pointer {
    display: block;
    width: 15px;
    height: 15px;
    background-color: #33ccd6;
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: rotate(45deg);
}

#PayPalBillingAgreement_Popup {
    text-align: center;
}
    #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 80%;
        margin: auto;
        max-width: 500px;
        transform: translate(-50%, -50%);
        background-color: #fff;
        padding: 40px;
        box-sizing: border-box;
        z-index: 500;
        border: 1px solid #0070ba;
    }
    #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container p,
    #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container h5 {
        padding: 0 !important;
        margin: 0 !important;
        color: #413c3c !important;
        text-align: left !important;
        font-family: "Roboto" !important;
        font-weight: 500 !important;
    }
        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container h5 {
            padding-bottom: 15px !important;
        }
        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container p {
            line-height: 1.8em;
            font-size: 12px;
            padding-bottom: 7px !important;
        }
    #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container div,
    #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .charge span,
    #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_button {
        display: block;
    }
    #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .charge span,
    #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_button,
    #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_option strong {
        font-family: "RobotoBold" !important;
        font-weight: 800 !important;
    }

        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_option strong {
            background-repeat: no-repeat;
            background-position: left center;
            padding: 10px 0 10px 100px;
            display: block;
        }
        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_option.paypal strong {
            background-image: url(../layout/brands/paypal_small.png);
            
        }

        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_button {
            background-color: #0070ba;
            color: #fff !important;
            padding: 10px;
            margin: 0 0 20px;
            -moz-border-radius: 6px !important;
            -webkit-border-radius: 6px !important;
            border-radius: 6px !important;
            -khtml-border-radius: 6px !important;
            text-decoration: none;
        }
            #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_button:hover {
                opacity: 0.8;
            }
        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_option,
        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_terms {
            text-align: left;
            padding: 26px 0 26px;
            position: relative;
        }
            #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_option:before {
                display: block;
                width: 7px;
                height: 7px;
                content: "";
                -moz-border-radius: 50% !important;
                -webkit-border-radius: 50% !important;
                border-radius: 50% !important;
                -khtml-border-radius: 50% !important;
                border: 7px solid #0070ba;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }
        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_option strong {
            color: #000;
            font-size: 13px;
        }
        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container p span {
            font-weight: 800;
        }
        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .payment_option {
            border-top: 1px solid #dbdbdb;
            border-bottom: 1px solid #dbdbdb;
            padding-right: 90px;
            padding-left: 30px;
        }
        #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .charge {
            position: absolute;
            right: 0;
            top: 50%;
            font-size: 12px;
            text-align: center;
            transform: translateY(-50%);
        }
            #PayPalBillingAgreement_Popup #PayPalBillingAgreement_Container .charge span {
                font-size: 13px;
                color: #000;
            }
    #PayPalBillingAgreement_Popup .payment_button_container a.link {
        font-size: 11px;
    }

    #PayPalBillingAgreement_Popup:before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.85);
        position: fixed;
        z-index: 499;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .icon-savedConsignment a span {
        background-image: url("../layout/account_consignments.png");
    }
div.sub-menu.account .icon-accountSavedQuotes a { background-image: url("../layout/account_saved_quotes-small.png");}
div.sub-menu.account .icon-addressBook a { background-image: url("../layout/icon-account-address-book-small.png");}
div.sub-menu.account .icon-myOrders a { background-image: url("../layout/account_orders-small.png");}
div.sub-menu.account .icon-myOrders a { background-image: url("../layout/account_orders-small.png");}
div.sub-menu.account .icon-accountSavedQuotes a { background-image: url("../layout/account_saved_quotes-small.png");}
div.sub-menu.account .icon-myInvoices a { background-image: url("../layout/account_invoices-small.png");}
div.sub-menu.account .icon-myDetails a { background-image: url("../layout/icon-account-details-small.png");}
div.sub-menu.account .icon-rebook a { background-image: url("../layout/account_rebook_small.png");}
div.sub-menu.account .icon-ProductLibrary a { background-image: url("../layout/add_item_info_white.png");}
div.sub-menu.account strong.icon-tools { background-image: url("../layout/account_tools_small.png");}
div.sub-menu.account strong.icon-ShopIntegration { background-image: url("../layout/account_shop_small.png");}
div.sub-menu.account ul.account_submenu .icon-etsy a { background-image: url("../layout/icon_account_etsy_small.png");padding-left: 55px !important;}
div.sub-menu.account ul.account_submenu .icon-ebay a { background-image: url("../layout/icon_account_ebay_small.png"); padding-left: 55px !important;}
div.sub-menu.account ul.account_submenu .icon-shopify a { background-image: url("../layout/icon_account_shopify_small.png"); padding-left: 55px !important;}
div.sub-menu.account ul.account_submenu .icon-magento a { background-image: url("../layout/icon_account_magento_small.png"); padding-left: 55px !important;}
div.sub-menu.account ul.account_submenu .icon-bulk a { background-image: url("../layout/icon_account_shopify_small.png"); padding-left: 55px !important;}
div.sub-menu.account ul.account_submenu .icon-woo a { background-image: url("../layout/icon_account_woo_small.png"); padding-left: 55px !important;}
div.sub-menu.account .icon-accountDetails a { background-image: url("../layout/account_settings-small.png");}
div.sub-menu.account .icon-savedConsignment a { background-image: url("../layout/account_consignments-small.png");}
div.sub-menu.account .icon-savedCustomsInvoice a { background-image: url("../layout/add_item_list_white.png");}
div.sub-menu.account .icon-accountUsers a { background-image: url("../layout/icon-account-users-small.png");}
div.sub-menu.account .icon-accountDocuments a { background-image: url("../layout/icon-account-upload-small.png");}
.icon-addressBook span.icon { background-image: url("../layout/account_address_book.png");}
.icon-accountSavedQuotes span.icon { background-image: url("../layout/account_saved_quotes.png");}
.icon-myOrders span.icon { background-image: url("../layout/account_orders.png");}
.icon-creditAccount span.icon { background-image: url("../layout/account_credit-acc-gb.png");}
.icon-creditAccount_de span.icon { background-image: url("../layout/account_credit-acc-de.png");}
.icon-StockLevels span.icon { background-image: url("../layout/account_stocklevels.png");}
.icon-PreAdvise span.icon { background-image: url("../layout/account_preadvice.png");}
.icon-serviceUpdates span.icon { background-image: url("../layout/icon-alert-notice-white-medium.png"); background-size: initial !important;}
.icon-myInvoices span.icon { background-image: url("../layout/account_invoices.png");}
.icon-EditAndShip span.icon { background-image: url("../layout/account_editship.png");}
.icon-myCustomsInvoices span.icon { background-image: url("../layout/account_customsinvoices.png");}
.icon-myDetails span.icon { background-image: url("../layout/account_details.png");}
.icon-accountDetails span.icon { background-image: url("../layout/account_settings.png");}
.icon-apiGuidance span.icon { background-image: url("../layout/account_guidance.png");}
.icon-apiImport span.icon { background-image: url("../layout/account_shop_import.png");}
.icon-apiBulkImport span.icon { background-image: url("../layout/account_shop_import_bulk.png");}
.icon-apiSettings span.icon { background-image: url("../layout/account_apiSettings.png");}
.icon-accountUsers span.icon { background-image: url("../layout/account_users.png");}
.icon-accountDDP span.icon { background-image: url("../layout/account_ddp.png");}
.icon-accountDocuments span.icon { background-image: url("../layout/account_upload.png");}
.icon-preferenceCentre span.icon { background-image: url("../layout/account_privacy.png");}
.icon-directDebit span.icon { background-image: url("../layout/direct_debit.png");}
.icon-accounServicePreferences span.icon { background-image: url("../layout/account_service_prefences.png");}

div.sub-menu.account strong.icon-ShopIntegration {
    padding-left: 33px !important; 
}
div.sub-menu.account strong.icon-ShopIntegration:after {
    display: block;
    content: "\2713";
    font-size: 9px;
    font-weight: bold;
    background-color: #42d15a;
    color: #fff;
    width: 12px;
    height: 12px;
    position: absolute;
    border: 3px solid #296db3;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    top: 8px;
    left: 15px;
}

ul.tabbed-panels {
    display: block;
    padding: 12px 0px 0px;
    margin: 0px;
    list-style-type: none;
}
ul.tabbed-panels li {
    display: inline-block;
    width:14%;
    padding: 0px 0px;
    margin: 0px 2%;
    color: #fff;
    font-size: 1.1em !important;
    cursor: pointer;
    max-width: 100px;
    }
ul.tabbed-panels li.org {
    max-width: 150px !important;
    }
ul.tabbed-panels li span {
    display: block;
    margin: 0px;
    padding: 0px 0px 15px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 13px ;
}
ul.tabbed-panels li span.active {
    background-image: url(../layout/bg-active-section-white-up-small.png);
    
    }
ul.tabbed-panels li span b,
ul.tabbed-panels li a b {
    color: #fff !important;
    display: inline-block;
    padding: 24px 0px 0px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 30px;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    font-weight: normal;
    }
ul.tabbed-panels li.org a b { background-image: url(../layout/icon-codelookup-x-small.png); }

.pointer.up {
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 13px ;
}
.pointer.down {
    background-position: 40px top;
    background-repeat: no-repeat;
    background-size: auto 20px ;
}
.pointer.light-grey.down {
    background-image: url(../layout/bg-active-section-light-grey-down.png);
    padding-top: 20px;
}
.pointer.white.up {
    background-image: url(../layout/bg-active-section-white-up.png);
    padding-bottom: 20px;
}
div.containerbreadcrumb {
    display: block;
    margin: 0px 0px 0px;
    font-size: 0.9em;
}
    div.containerbreadcrumb.shop {
        border-bottom: 1px solid #e3e9f0;
    }
        div.containerbreadcrumb.shop div.inner-container {
        border-bottom: 1px solid #fff;
    }
div.containerbreadcrumb ol,
div.containerbreadcrumb ul {
    display: block;
    list-style-type: none;
    color: #fff;
    padding: 0px 10px;
    margin: 0px;
    font-family: "Roboto";
    }
body.careers div.containerbreadcrumb {
    background-color: #00446f;
}

div.containerbreadcrumb li {
    display: inline-block;
}
div.containerbreadcrumb li b,
div.containerbreadcrumb li a {
    color: #fff !important;
    display: inline-block;
    padding: 8px 8px 8px 0px;
    width: auto;
    }


#print-options
 {
    height: auto;
    display: none;
    width: 98%;
    margin: initial 1%; 
    clear: both;
}
div.containerPaging {
    display: block;
    padding: 0px;
    margin: 0 0 20px;
    font-size: 0.85em;
    font-family: Arial;
    width: auto;
    text-align: center;
}

div.containerPaging div.innerContainer { 
    display: block; 
    width: auto; 
    padding: 12px 20px;
}

    div.containerPaging select {
        padding: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius:3px;
        border-radius: 3px; 
        -khtml-border-radius: 3px;
        border: 1px solid #aab8d1 ;
    }

div.containerPaging table { width: 100%; }
div.containerPaging table a.btn.form { font-size: 1em; }
div.containerPaging table td.RepeaterPaging_Next { text-align: right; width: 20%; }
div.containerPaging table td.RepeaterPaging_Previous { text-align: left; width: 20%; }
div.containerPaging span { display: inline-block; }
div.containerPaging span.pagenumber { padding: 0px 1px; }
div.print-options {clear: both; margin-top: 90px;}
div.print-options p { font-size: 0.9em; font-weight: bold; color: #02548F; font-family: arial;    }

div.print-options ul,
div.print-options ul li {
    display: block;
    list-style-type: none;
    text-align: left;
}

div.filterForm ul {
    display: block;
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    width: auto;
}
div.filterForm ul li {
    display: inline-block;
    padding: 5px 0px;
    }
div.filterForm ul li div {
    padding: 0px 5px;
    display: block;
    white-space: nowrap;
    }
div.filterForm ul li label {
    font-family: arial;
    font-size: 0.9em;
    font-weight: bold;
    }
div.filterForm ul li.form-submit {
    display: block;
    width: auto;
    }
a.submenu {
    display: block;
    width: auto;
    margin: 1px 4px 0px;
    background-color: #022b67;
    padding: 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    border-radius: 6px; 
    -khtml-border-radius: 6px;
    text-align: left;
    font-family: arial;
    background-image: url(../layout/icon-menu.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
a.submenu span {
    display: block;
    width: auto;
    font-size: 0.85em;
    font-weight: bold;
    padding: 7px 6px;
    color :#fff;
    border: 1px solid #022b67;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    -khtml-border-radius: 4px;
    text-transform: uppercase;
}

div.sub-menu.account span.alert {
    display: block;
    width: 18px;
    height: 18px;
    top: 8px;
    right: -18px;
    position: absolute;
    background-color: #ffb400;
    border: 1px solid #ffb400;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; 
    -khtml-border-radius: 50px;
}
    div.sub-menu.account span.alert:after {
        content: "!";
        width: 100%;
        color: #510f00;
        position: absolute;
        text-align: center;
        width: 18px;
        height: 18px;
        top: -2px;
        left: -2px;
        bottom: 0;
        box-sizing: border-box border-box;
        font-size: 14px;
    }
a.submenu-button,
div.sub-menu ol li a.submenu-button {
    background-image: none !important;
    padding: 7px 16px !important;
    background-color: #33ccd6;
    text-shadow: 2px 1px #24b8c1;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px; 
    -khtml-border-radius: 14px;
    margin-left: 30px;
    color: #fff !important;
    text-decoration: none !important;
}
a.submenu-button:hover,
div.sub-menu ol li a.submenu-button:hover {
        background-color: #4ad8e1;
        
}
.payment-button-container {
    display: block;
    padding: 20px 0 20px;
    text-align: center;
    position: relative;
}
.numbercount {
    display: inline-block;
    background-color: #fff;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; 
    -khtml-border-radius: 50%;
    margin: 0;
    position: absolute;
    top: 5px;
    right: -20px;
}
    .numbercount strong {
        color: #EC121B;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        line-height: 20px;
        text-align: center;
    }
div.sub-menu.account li ul strong {
    color: #498bd0;
}
div.sub-menu.account li a {
    position: relative;
}
span.slide-address {
    display: block;
    width: auto;
    text-align: center;
}


div#addresspanel {
    text-align: left;
}

div.accountNumber,
div.summary {
    display: block;
    padding: 0px 0px 10px 0px;
    font-weight: bold;
    font-family: Arial;
    color: #054f95;
}
div.accountNumber strong,
div.summary strong {
    color: #1c6eb0;
    font-size: 1.2em;
    font-family: Arial;
    letter-spacing: 0px;
}

div.center-column {
    display: block;
    padding: 0px 0px 50px;
}

div.accordion.default { display: block; }


div.accordion h3,
div#nestedAccordion h2.sectionhead,
div#nestedAccordion h3.sectionhead,
div#nestedAccordion h4.sectionhead,
div#nestedAccordion h5.sectionhead,
div.accordion.default a.tabbed {
    display: block;
    width: auto;
    margin: 0px 0px 1px;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 8px center;
    background-color: #498bd0 !important;
    color: #fff !important;
    text-decoration: none;
    border: none;
    border-bottom: 1px solid #1064ab;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px; 
    -khtml-border-radius: 7px;
    clear: both;
    color: #fff !important;
    text-shadow: 1px 1px #1064ab;
    cursor: help;
    font-size: 14px;
    position: relative;
    }
    div.accordion h3:after,
    div#nestedAccordion h2.sectionhead:after,
    div#nestedAccordion h3.sectionhead:after,
    div#nestedAccordion h4.sectionhead:after,
    div#nestedAccordion h5.sectionhead:after,
    div.accordion.default a.tabbed:after {
        display: block;
        content: "";
        width: 11px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 50%;
        right: 15px;
        transition: 0.2s linear all;
        transform: translateY(-50%);
    }
    div.accordion h3:after,
    div#nestedAccordion h2.sectionhead:before,
    div#nestedAccordion h3.sectionhead:before,
    div#nestedAccordion h4.sectionhead:before,
    div#nestedAccordion h5.sectionhead:before,
    div.accordion.default a.tabbed:before {
        display: block;
        content: "";
        width: 2px;
        height: 11px;
        background: #fff;
        position: absolute;
        top: 50%;
        right: 20px;
        transition: 0.2s linear all;
        transform: translateY(-50%) rotate(360deg);
    }
        div.accordion h3.active:after,
        div#nestedAccordion h2.sectionhead.active:after,
        div#nestedAccordion h3.sectionhead.active:after,
        div#nestedAccordion h4.sectionhead.active:after,
        div#nestedAccordion h5.sectionhead.active:after,
        div.accordion.default a.tabbed:after {
            transform: translateY(-50%) rotate(360deg);
            transition: 0.2s linear all;
        }
        div.accordion h3.active:before,
        div#nestedAccordion h2.sectionhead.active:before,
        div#nestedAccordion h3.sectionhead.active:before,
        div#nestedAccordion h4.sectionhead.active:before,
        div#nestedAccordion h5.sectionhead.active:before,
        div.accordion.default a.tabbed:before {
            transform: translateY(-150%);
            opacity:0;
            transition: 0.2s linear all;
        }
div#nestedAccordion h2.sectionhead,
div#nestedAccordion h3.sectionhead,
div#nestedAccordion h4.sectionhead,
div#nestedAccordion h5.sectionhead {
    padding: 2px 5px 2px 7px !important;
}
div#nestedAccordion h2.sectionhead span,
div#nestedAccordion h3.sectionhead span,
div#nestedAccordion h4.sectionhead span,
div#nestedAccordion h5.sectionhead span,
div.accordion.default a.tabbed span {
    display: inline-block;
    width: auto;
    padding: 7px 15px 7px 20px;
    margin: 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px #003f68;
    font-size: 1em;
    }

div#nestedAccordion h2.sectionhead span,
div#nestedAccordion h3.sectionhead span,
div#nestedAccordion h4.sectionhead span,
div#nestedAccordion h5.sectionhead span {
    font-weight: 500 !important;

}
    div.accordion h3 a,
    div#nestedAccordion h2.sectionhead a,
    div#nestedAccordion h3.sectionhead a,
    div#nestedAccordion h4.sectionhead a,
    div#nestedAccordion h5.sectionhead a {
        color: #fff !important;
        text-decoration: none !important;
    }
div#nestedAccordion h2.dangerous {
    background-image: url(../layout/icon-hazardous.png) !important;
    background-size: 18px auto !important;
    padding-left: 10px !important
    }
div#nestedAccordion h2.prohibited {
    background-image: url(../layout/icon-prohibited.png) !important;
    background-size: 18px auto !important;
    padding-left: 10px !important
    }
div#nestedAccordion h2.restricted {
    background-image: url(../layout/icon-restricted.png) !important;
    background-size: 18px auto !important;
    padding-left: 10px !important
    }
div#nestedAccordion h2.NoCompensation {
    background-image: url(../layout/icon-info-small.png) !important;
    background-size: 18px auto !important;
    padding-left: 10px !important;
    }

div#nestedAccordion h2.sectionhead.logo {
    background-size: 38px auto !important;
    padding: 6px 15px 6px 40px !important;
}
    div#nestedAccordion h2.sectionhead.logo.dhl { background-image: url(../layout/logo_small_white_dhl.png) !important; }
    div#nestedAccordion h2.sectionhead.logo.dpd { background-image: url(../layout/logo_small_white_dpd.png) !important; }
    div#nestedAccordion h2.sectionhead.logo.tg { background-image: url(../layout/logo_small_white_tg.png) !important; }
    div#nestedAccordion h2.sectionhead.logo.ups { background-image: url(../layout/logo_small_white_ups.png) !important; }
    div#nestedAccordion h2.sectionhead.logo.tnt { background-image: url(../layout/logo_small_white_tnt.png) !important; }
    div#nestedAccordion h2.sectionhead.logo.fedex { background-image: url(../layout/logo_small_white_fedex.png) !important; }
    div#nestedAccordion h2.sectionhead.logo.hermes { background-image: url(../layout/logo_small_white_evri.png) !important; }
    div#nestedAccordion h2.sectionhead.logo.evri { background-image: url(../layout/logo_small_white_evri.png) !important; }
    div#nestedAccordion h2.sectionhead.logo.landmark { background-image: url(../layout/logo_small_white_landmark.png) !important; }
    div#nestedAccordion h2.sectionhead.logo.asendia { background-image: url(../layout/logo_small_white_asendia.png) !important; }
    div#nestedAccordion h2.sectionhead.logo.aramex { background-image: url(../layout/logo_small_white_aramex.png) !important; }

div.accordion-container span.notice {
    display: block;
    font-size: 0.9em;
    margin: 0px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    padding: 8px 9px 8px 45px;
    text-align: left;
    color: #fff;
}
    div.accordion-container span.notice b {
        color: #fff !important;
    }
div.accordion-container span.alert {
    background-image: url(../layout/icon-hazardous.png);
    background-color: #ae0202;
    background-position: 8px center;
    color: #fff;
}
div#nestedAccordion span.restricted {
    background-color: #ffc000;
    padding: 7px 9px 7px 39px;
    background-image: url(../layout/icon-restricted.png);
    background-position: 7px center;
    color: #fff;
    text-shadow: 1px 1px #d58700;
}
div#nestedAccordion span.prohibited {
    background-color: #f16000;
    background-image: url(../layout/icon-prohibited.png);
    background-position: 6px center;
    color: #fff;
}
div#nestedAccordion span.info {
    background-color: #e2eaf9;
    padding: 7px 9px 7px 30px;
    background-image: url(../layout/icon-info-small.png);
    background-position: 6px 5px;
    color: #498bd0;
}
#nestedAccordion.floatedList div ul.icons li {
    display: inline-block;
    margin: 2% 2% 30px;
    text-align: center;
}
#nestedAccordion.floatedList div ul.icons li strong {
    display: block;
    text-align: center;
    font-size: 0.9em;
    }
    #nestedAccordion.floatedList div ul.icons li span.note {
        font-size: 11px;
    }
    #nestedAccordion li.info strong {
        padding-bottom: 23px;
        background-image: url(../layout/icon-info-small.png);
        background-repeat: no-repeat;
        background-position: bottom center;
    }

#nestedAccordion.floatedList div ul.icons li.info div {
    color: #0961A0;
    background-color: #e2efff;
    padding: 5px 5px 5px 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #c0d5ef;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.4em;
    margin-top: 3px;
}

div.accordion.default a.tabbed.view span,
div.accordion.default a.tabbed.edit span {
    background-repeat: no-repeat;
    padding-right: 26px;
    background-position: right center;
    }
div.accordion.default a.tabbed.view span  
{ background-image: url(../layout/icon-search.png);}
div.accordion.default a.tabbed.edit span  
{ background-image: url(../layout/icon-pencil.png);}


div.collapseContentContainer.locationFinder {
        background-repeat: no-repeat;
        background-position: left top;
        width: 450px;
        height: 500px;
        padding: 0px;
        width: auto auto;
        margin: 0px auto !important;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }
        div.collapseContentContainer.locationFinder.uk {
            background-image: url(../layout/illustration-uk-map-blue.png);
        }
            div.collapseContentContainer.locationFinder.uk.london {
                background-image: url(../layout/illustration-uk-london-map-blue.png);
                width: 900px;
            }
        div.collapseContentContainer.locationFinder.de {
            background-image: url(../layout/illustration-de-map-blue.png);
        }

        div.collapseContentContainer.locationFinder div.container-locationPoints {
            position: absolute !important;
            left: 0px;
            margin: 0px !important;
            background-color: #ed1c24;
            z-index: 1000;
        }

            div.collapseContentContainer.locationFinder div.container-locationPoints a {
                position: absolute !important;
                background-image: url('../layout/map-marker.png') !important;
                background-position: left top !important;
                background-repeat: no-repeat !important;
                display: inline-block;
                min-width: 12px;
                min-height: 12px;

                padding-left: 14px;
                z-index: 1000;
                text-decoration: none;
            }
                div.collapseContentContainer.locationFinder.dhl div.container-locationPoints a {
                    background-image: url('../layout/map-marker-yellow.png') !important;
                }

                div.collapseContentContainer.locationFinder div.container-locationPoints a span {
                    display: none;
                    font-size: 0.85em;
                    font-weight: bold;
                    background-color: #498bd0;
                    color: #fff;
                    padding: 4px 9px;
                    border: 1px solid #115fb2;
                    white-space: nowrap;
                    width: auto;
                    -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border-radius: 4px;
                    -khtml-border-radius: 4px;
                    text-transform: uppercase;
                }
                    div.collapseContentContainer.locationFinder.dhl div.container-locationPoints a span {
                        background-color: #fff;
                        background-image: url(../layout/logo-heading-dhl-small.png);
                        background-repeat: no-repeat;
                        background-position: center top;
                        padding-top: 24px !important;
                        border-color: #fff !important;
                        color: #333;
                        position: relative;
                        top: -30px;
                    }
                    div.collapseContentContainer.locationFinder.dhl div.container-locationPoints a#tg {
                        background-image: url('../layout/map-marker-blue.png') !important;
                    }
                        div.collapseContentContainer.locationFinder div.container-locationPoints a span,
                        div.collapseContentContainer.locationFinder div.container-locationPoints a span {
                            background-color: #fff;
                            background-repeat: no-repeat;
                            background-position: center top;
                            padding-top: 25px !important;
                            border-color: #002e5d !important;
                            position: relative;
                            top: -30px;
                            font-family:"Roboto";
                            color: #003b76;
                        }
                            div.collapseContentContainer.locationFinder div.container-locationPoints a#tg span,
                            div.collapseContentContainer.locationFinder div.container-locationPoints a.tg span {
                                background-image: url(../layout/logo-heading-tg-small.png) !important;
                            }
                            div.collapseContentContainer.locationFinder div.container-locationPoints a.pp {
                                background-image: url('../layout/map-marker-blue.png') !important;
                            }
                                div.collapseContentContainer.locationFinder div.container-locationPoints a#pp span,
                                div.collapseContentContainer.locationFinder div.container-locationPoints a.pp span {
                                    background-image: url(../layout/logo-heading-pp-small.png) !important;
                                }

                            div.collapseContentContainer.locationFinder div.container-locationPoints a.independent,
                            div.collapseContentContainer.locationFinder div.container-locationPoints a.indianapolis {
                                background-image: url('../layout/map-marker-orange.png') !important;
                            }
    
    
    div.collapseContentContainer.locationFinder div.container-locationPoints a:hover, div.collapseContentContainer.locationFinder div.container-locationPoints a:focus, div.collapseContentContainer.locationFinder div.container-locationPoints a:active {
        z-index: 5000 !important;
    }

                    div.collapseContentContainer.locationFinder div.container-locationPoints a:hover span, div.collapseContentContainer.locationFinder div.container-locationPoints a:active span, div.collapseContentContainer.locationFinder div.container-locationPoints a:focus span {
                        display: block !important;
                        z-index: 5000 !important;
                    }

.alert-comma {
    display: block;
    padding: 5px 8px;
    background-color: #EC121B;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    -khtml-border-radius: 5px !important;
    box-sizing: border-box;
    width: 98%;
    clear: both;
}
div.locations ul,
div.locations ul li {
    display: block;
    list-style-type: none;
    padding: 5px;
    text-align: center;
}
    div.locations ul li {
        line-height: 1.6em;
    }    
div.locations ul li b {
        display: block;
        padding: 5px 0;
    }

#close_video_container {
    display: block;

    width: 100%;
    padding: 20px 0;
    text-align: center;
    background: rgba(255,255,255,0.8);
}

div#totalPrice {
    font-size: 1.2em;
}


video,
.video_player div.inner iframe,
.video div.videoInnerContainer iframe,
.videoContainer div.videoInnerContainer iframe
{
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width:900px;
    margin-left: auto;
    margin-right: auto;
    -moz-border-radius: 14px !important;
    -webkit-border-radius: 14px !important;
    border-radius: 14px !important;
    -khtml-border-radius: 14px !important;
    position: relative;
    z-index: 0;
}
#WelcomeVideo video {
    height: 50vh;
    width: auto;
}
.video_player.packinglist {
    top: 0 !important;
    overflow-y: scroll;
    height: 100%;
}
.videoContainer,
.video_player {
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-align: center;
    background-color: #f6f9fc;
    display: none;
    position: relative;
    z-index: 0;
}
    .video_player {
        height: auto;
    }
    .video_player div.inner,
    .videoContainer div.videoInnerContainer {
        width: 100%;
        height: auto;
        max-height: 100%;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 0;
    }
.videoContainer span.close-video {
    display: inline-block;
    background-color: #fff;
    overflow: hidden;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
    background-image: url(../layout/icon-close-dark.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 98%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius:50%;
    -khtml-border-radius: 50%;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    position: absolute;
    top: 10px;
    right: 10px;
    }


div.iframe-container,
div.iframe-container.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}


div.iframe-container iframe {
    position: absolute;
    top:3%;
    left: 3%;
    width: 94%;
    height: 94%;
}

ul.socialLinks {
    padding: 15px 0px 25px 0px;
    margin: 0px auto 0px;
    clear: both;
    /*background-image: url("../layout/shadowBottom-Sml.png");*/
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    max-width: 400px;
}
ul.socialLinks li {

    margin: 7px 0px 10px;
    padding: 0px;
    text-align: center;
    }
ul.socialLinks li a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0px auto;
    background-position: center center;
    background-repeat: no-repeat;
    /*opacity: 0.7;
    filter: alpha(opacity=70);*/
    background-size: 97%;
    }

ul.socialLinks li a:hover,
ul.socialLinks li a:active,
ul.socialLinks li a:focus {
    background-size: cover;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1;
    filter: alpha(opacity=100); 
    }

ul.socialLinks li a span {
    display: none;
    width: 1px;
    height: 1px;
    }

a#icon-Facebook {
    background-image: url("../layout/logo-icon-facebook-small.png");
}

a#icon-Twitter {
    background-image: url("../layout/logo-icon-twitter-small.png");
}


a#icon-Google {
    background-image: url("../layout/logo-icon-google-small.png");
}

a#icon-LinkedIn {
    background-image: url("../layout/logo-icon-linkedIn-small.png");
}

a#icon-Youtube {
    background-image: url("../layout/logo-icon-youtube-small.png");
}

a#icon-Blogger {
    background-image: url("../layout/logo-icon-blogger-small.png");
}
a#icon-Trustpilot {
    background-image: url("../layout/logo-icon-trustpilot-small.png");
}
a#icon-Facebook.white {
    background-image: url("../layout/logo-icon-facebook-white-small.png") !important;
}

a#icon-Twitter.white {
    background-image: url("../layout/logo-icon-twitter-white-small.png") !important;
}

a#icon-Google.white {
    background-image: url("../layout/logo-icon-google-white-small.png") !important;
}

a#icon-LinkedIn.white {
    background-image: url("../layout/logo-icon-linkedIn-white-small.png") !important;
}

a#icon-Youtube.white {
    background-image: url("../layout/logo-icon-youtube-white-small.png") !important;
}
a#icon-Trustpilot.white {
    background-image: url("../layout/logo-icon-trustpilot-white-small.png") !important;
}

div#accordion p.red {
  color: #b60000 !important;
}
#nestedAccordion.floatedList div ul, #accordion ul.icons {
  list-style-type: none;
  padding: 0px;
  margin: 0px 1%;
  width: 98%;
  font-family: arial;
}
ul.insurance-restrictions,
ul.insurance-restrictions li {
    padding: 0px !important;
    margin: 0px !important;
    
}
    ul.insurance-restrictions li {
        width: auto !important;
    }
#accordion ul.icons li {
  list-style-type: none;
  display: inline-block;
  text-align: center;
  /*min-height: 220px;*/
  min-height: 80px;
  cursor: default;
  margin-top: 6px;
}

#accordion ul.icons span.title strong {
  display: block;
  text-align: center;
  width: auto;
  margin: 0px;
  padding: 7px 0px 3px;
  font-size: 0.9em;
}

#nestedAccordion h3 + div, #nestedAccordion li.info div, #accordion ul.icons li.info div {
  color: #0961A0;
}
#nestedAccordion li.info div, #accordion ul.icons li.info div {
  background-color: #fff;
  padding: 5px 5px 5px 5px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #fff;
  font-weight: bold;

  margin-top: 3px;
  font-size: 0.85em;
}
ul.insurance-restrictions li b {
  display: inline-block;
  background-color: #fff;
  padding: 4px 23px 4px 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-repeat: no-repeat;
  background-position: 98% center;
}

ul.insurance-restrictions li.no b {
  background-color: #f9e0e0;
  min-height: initial !important;
  border: 1px solid #ffb8b8;
  color: #c70000 !important;
  background-image: url(../layout/icon-red-cross-small.png);
}

ul.insurance-restrictions li.yes b {
  background-color: #e8f8d7;
  min-height: initial !important;
  border: 1px solid #d3ebb9;
  color: #4c9200 !important;
  background-image: url(../layout/icon-green-tick-small.png);
}

.back-to-top {
  margin: 0;
  position: fixed;
  box-sizing: border-box;
  bottom: 42px;
  right: 12px;
  z-index: 100;
  display: none;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 40px;
  height: 40px;
  padding: 10px 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  text-decoration: none;
  background-image: url(../layout/icon-arrow-top.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30% auto;
  text-indent: -9999px;
  line-height: 1.1em;
}
.back-to-top:hover,
.back-to-top:active,
.back-to-top:focus {
    color: #fff;
    text-decoration: none;
    width: 40px;
    height: 40px;
    padding: 25px 10px 0px 10px;
    text-indent: 0px;
    background-position: center top 20%;
    }

div.container-advertisement {
    display: block;
    width: auto;
    background-color: #fff;
    background-color: rgba(255,255,255,0.7);
    background-image: url("../layout/rpt-chevrons.png");
    background-position: center top;
    background-repeat: repeat-x;
    margin: 20px 0px 20px;
    text-align: center;
    padding: 15px 0px 0px;
    }
    div.container-advertisement div.innerContainer {
    background-image: url("../layout/rpt-chevrons.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 20px;
    }
    div.container-advertisement img {
        text-align: center;
        float: none !important;
        margin: auto !important;
    }
    div.container-advertisement ul.bullet {
        text-align: center !important;
    }
        div.container-advertisement ul.bullet li {
            display: inline !important;
            padding: 0px 0px 0px 11px !important;
            white-space: pre-line !important;
        }
            div.container-advertisement ul.bullet li:after {
                content: " ";
                display: block;
                height: 1px;
                width: 100%;
                white-space: pre;
                margin: 0 0 9px 0;
                padding: 0px;
                visibility: hidden;
            }


ul.logos {
    display: block;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    list-style-type: none;
    
}
ul.logos li {
    display: inline-block;
    text-align: center;
    }
ul.logos li img {
    width: 90%;
    max-width: 125px;
    height: auto;
    }

/* JQUERY OVERIDES */
/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  font-family: arial !important;
  border: 1px solid #cee4f7  !important;
  background: #e6e6e6 url("../layout/bg-rpt-accordion.png") 50% 50% repeat-x  !important;
  font-weight: bold !important;
  color: #054f95 !important;
  background-color: #e6f3ff !important;
  font-size: 0.9em !important;
}
*/
.ui-widget {font-size: inherit !important; font-family: Tahoma, Arial, Verdana !important;}
ul.ui-widget-content { border: 1px solid #bac9e5 !important; /* background-color: transparent !important; */}
.ui-widget-content { border: 1px solid #bac9e5 !important;  /* background-color: rgba(255,255,255,0.5) !important; background-image: none !important;*/ }
.ui-widget-content a { color:#498bd0 !important; }
div#accordion { padding-bottom: 10px !important; }
div#accordion p,
div.paragraph { font-weight: bold !important; font-family: arial; font-size: 0.9em;}
.ui-state-default .ui-icon {display: none !important;}

section.tracker form {
    display: block;
    max-width: 640px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    -khtml-border-radius: 16px;
    padding: 8px 12px !important;
    margin: 5px auto;
}
section.tracker label {
    color: #fff;
    padding-bottom: 10px !important;
}

div.contentarea {
    position: relative;
}

/* COUNTRY LANDING PAGES */

div.map {
    display: block;
    width: auto;
    padding: 0px;
    position: relative;
    z-index: 0;
    text-align: center;
    }
    div.map .button-container {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        width: 100%;
        max-width: none;
        z-index: 10;
        clear: both;
        margin: auto !important;
    }
        div.map .button-container a.button_blue,
        div.map .button-container a.button_white {
            font-size: 20px !important;
            box-shadow: 0px 5px 10px #012345;
        }
div.map.point-bottom iframe:after {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../layout/bg-section-arrow-blue-up.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    content:"";
    }
div.map iframe {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 330px;

    position: relative;
    z-index: 0;
    pointer-events: none;
    }
div.services h1.title,
div.services h2.title,
section.info h1.title,
section.info h2.title,
section.info h3.title,
section.info h4.title,
section.info h5.title {
    display: block;
    width: auto;
    padding: 8px 0px 6px;
    width: 100%;
    margin: 0px 0px 20px;
    text-align: center;
    font-size: 1.5em;
    color: #fff !important;
    background-color: rgba(19,95,178, 0.8);
    text-shadow: 1px 1px #00438a;
    }
#bulkTable .shop_order_products div {
    padding: 4px 0;
}
#bulkTable td {
    vertical-align: top;
}
#bulkTable .shop_order_products div.shop_order_products_container {
    display: block;
    padding: 0 0 8px 0;
    text-overflow: ellipsis;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    transition: all 1.5s;
}
#bulkTable .edit_products table th:before, 
#bulkTable .edit_products table td:before {
    display: none;
}
#bulkTable .edit_products td.shop_prod_description input {
    min-width: 200px;
}
/*#bulkTable .edit_products table td label {
    display: none;
}*/
#bulkTable .edit_products {
    float: left;
    width: 52%;
    margin-left: 3%;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 10px;
    border: 1px solid #c5cfe2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}
#bulkTable .edit_products td {
    background-color: #fff;
}
    #bulkTable .edit_products td input {
        border: 1px solid #c5cfe2;
        padding: 8px 4px;

    }
/*#Option_SavePartialCartOrder {
    display: block;
    padding: 20px 0;
    text-align: left;
    position: fixed;
    top: 50%;
    right: -300px;
    max-width: 300px;
    background: #296db3;
    min-height: 200px;
    padding: 2em 2em 2em 40px;
    border: 2px solid #296db3;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    transform: translate(0, -50%);
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}*/
#Option_SavePartialCartOrder {
    display: block;
    text-align: left;
    position: fixed;
    top: 0;
    right: 0;
    width: 350px;
    background: #296db3;
    min-height: 200px;
    padding: 20px 40px 60px;
    border: 2px solid #296db3;
    -webkit-border-bottom-left-radius: 20px;
    /*-webkit-border-top-right-radius: 20px;*/
    -moz-border-radius-bottomleft: 20px;
    /*-moz-border-radius-topright: 20px;*/
    border-bottom-left-radius: 20px;
    /*border-top-right-radius: 20px;*/
    z-index: 500;
    transform: translate(0,-100%);
    color: #fff;
    cursor: help;
    box-sizing: border-box;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
    #Option_SavePartialCartOrder.saving {
        background: #42d15a;
        border-color: #42d15a;
    }
    #Option_SavePartialCartOrder.error {
        background: #eb5e00;
        border-color: #eb5e00;
    }
    #Option_SavePartialCartOrder.active {
        transform: translate(0px, -100%);
        top: 55px;
    }
        #Option_SavePartialCartOrder.active:hover {
            transform: translate(0,0);
            top: 0;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            transition: all 1s;

        }
    #Option_SavePartialCartOrder h5 {
        display: block;
        padding: 9px 0 9px 30px !important;
        margin: 0 !important;
        box-sizing: border-box;
        white-space: nowrap;
        height: 40px;
        line-height: 40px;
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
    }
        #Option_SavePartialCartOrder h5 span {
            display: block;
            color: #fff !important;
            font-size: 16px !important;
            font-family: "Roboto" !important;
            font-weight: 500;
            line-height: 40px;
            padding: 5px 0 5px 40px !important;
            letter-spacing: 1px;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            transition: all 1s;
            background-image: url(../layout/save-icon.png);
            background-repeat: no-repeat;
            background-position: left center;
        }
        #Option_SavePartialCartOrder:hover h5 span {
            opacity: 0;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            transition: all .2s;
        }
        #Option_SavePartialCartOrder span {
            display: block;
            color: #fff;
            font-size: 15px;
            font-weight: 300 !important;
            font-family: "Roboto" !important;
            padding: 10px 0px 10px 10px;
        }

    #Option_SavePartialCartOrder span strong {
        display: block;
        padding: 0 0 10px 0;
        max-width: 200px;
        font-size: 28px !important;
        font-family: "RobotoThin" !important;
        font-weight: 300 !important;
        opacity: 0;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            transition: all .2s;
    }
        #Option_SavePartialCartOrder:hover span strong {
            opacity: 1;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            transition: all .2s;
        }
        #Option_SavePartialCartOrder a {
            display: inline-block;
            padding: 10px 35px;
            float: none;
            cursor: pointer;
            color: #296db3 !important;
            background-color: #fff !important;
            -moz-border-radius: 24px !important;
            -webkit-border-radius: 24px !important;
            border-radius: 24px !important;
            -khtml-border-radius: 24px !important;
            text-transform: none;
            text-decoration: none;
            background-position: right center;
            background-repeat: no-repeat;
            margin-top: 10px;
            /*background-image: url(../layout/icon_save_disk.png);*/
        }
    #Option_SavePartialCartOrder.saving a {
        border-color: #42d15a;
        color: #42d15a !important;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
    #Option_SavePartialCartOrder.error a {
        border-color: #eb5e00;
        color: #eb5e00 !important;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
#Option_SavePartialCartOrderOptionMsg {
    opacity: 1;
}
#Option_SavePartialCartOrderErrorMsg,
#Option_SavePartialCartOrderSuccessMsg {
    opacity: 0;
    position: absolute;
    top: 0;
}
#Option_SavePartialCartOrder.saving #Option_SavePartialCartOrderOptionMsg,
#Option_SavePartialCartOrder.error #Option_SavePartialCartOrderOptionMsg {
    opacity: 0;
}

#Option_SavePartialCartOrder.saving #Option_SavePartialCartOrderSuccessMsg {
    opacity: 1;
}
#Option_SavePartialCartOrder.error #Option_SavePartialCartOrderErrorMsg {
    opacity: 1;
}
div.SuccessNotification.sticky_validation_message {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px 0;
}
#divUserRestrictionsForm  {
    font-family: "Roboto";
    padding-top: 20px;
    padding-bottom: 50px;
}

    #divUserRestrictionsForm h2 span.small {
        color: #668dad;
        display: block;
        font-size: 13px;
    }
    #divUserRestrictionsForm .button-container .lnkRemove {
        margin-top: 5px;
        display: inline-block;
    }
#divUserRestrictionsForm p {
    color: #355681;
}
#divUserRestrictionsForm th {
    vertical-align: bottom;
}
    #divUserRestrictionsForm th label {
        display: block;
        text-align: left;
        color: #355681;
        padding-bottom: 2px;
        font-weight: 800 !important;
    }
    #divUserRestrictionsForm select {
        width: 100%;
        font-weight: 300 !important;
    }
    #divUserRestrictionsForm .button-container {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10000;
        background: #386eb1;
        width: 100%;
        height: 70px;
        padding: 10px 60px;
        box-sizing: border-box;
    }
        #divUserRestrictionsForm .button-container a.lnkRemove {
            color: #fff;
            background-image: url(../layout/cart/icon-close.png);
            background-repeat: no-repeat;
            background-position: right center;
            display: inline-block;
            padding: 8px 24px 8px 10px;

        }
#UserFilterOptions {
    margin: 8px 0 12px !important;
}
table.standard.modern tr {
    border-bottom: 1px solid #355681;
    background-color: transparent !important;
}
    table.standard.modern tbody tr {
        border-bottom-style: dashed;
    }
    table.standard.modern tr td {
        padding: 14px 10px !important;
        box-sizing: border-box;
    }
    table.standard.modern th {
        background-color: transparent !important;
        color: #355681;
        font-weight: 800 !important;
        text-align: left;
    }
    a.add-to-list {
        background-image: url(../layout/add_item_list.png);
        background-position: 97% center;
        padding-right: 35px !important;
        background-size: 30px auto;
    }
    table.standard.modern a.lnkRemove {
        color: #000;
        background-image: url(../layout/icon-red-cross-small.png);
        background-repeat: no-repeat;
        background-position: right center;
        display: inline-block;
        padding: 5px 18px 5px 10px;
        background-size: 12px;
    }
table.standard.modern td input[type="text"],
table.standard.modern td select {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
}
table.standard.modern tfoot tr.error-notification-row {
    border-bottom: none !important;
}
    table.standard.modern tfoot tr.error-notification-row td {
        padding: 10px 10px !important;
        border-bottom: 0 !important;
    }
table.standard.modern tfoot tr.form_data_row {
    border-bottom: none !important;

}
    table.standard.modern tfoot tr.form_data_row td {
        padding: 10px 10px !important;
        border-bottom: 0 !important;
        background-color: #296db3;
    }
    table.standard.modern tr.form_data_row td input[type="text"],
    table.standard.modern tr.form_data_row td select {
        border-color: #355681 !important;
    }
/*#Option_SavePartialCartOrderErrorMsg,
#Option_SavePartialCartOrderSuccessMsg {
    background-color: #42d15a;
    display: block;
    text-align: center;
    padding: 30px 0;
    color: #fff;
    position: fixed;
    top: -120%;
    left: 0;
    right: 0;
    z-index: 100;
    font-family: "Roboto";
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
    Option_SavePartialCartOrderErrorMsg {
        background: red;
    }
    #Option_SavePartialCartOrderErrorMsg.active,
    #Option_SavePartialCartOrderSuccessMsg.active {
        top: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }*/
.cart_landing_page p,
.cart_landing_page h1,
.cart_landing_page .social h2 {
    width: 100%;
    font-family: "Roboto" !important;
    margin: 0 !important;
    color: #004a8a;
    padding: 10px 0 15px;
    font-weight: 300 !important;
}
    .cart_landing_page h1,
    .cart_landing_page h2 {
        padding: 40px 0 10px !important;
    }
        .cart_landing_page h2 {
            font-size: 25px;
        }
        .cart_landing_page p {
            font-size: 16px;
        }
.cart_landing_page .social {
    padding-bottom: 100px;
}
table.standard.clean tr {
    background-color: transparent !important;
    border-bottom: 1px dashed #004a8a;
}
    table.standard.clean thead tr {
        border-bottom: none;
    }



    #pending_orders .group_header {
        background-color: #fff;
    }
#pending_orders .order_status,
#pending_orders .group_header .group_title,
#pending_orders .group_header .group_status {
    display: inline-block;
    padding: 2px 20px;
    color: #355681;
}
    #pending_orders .group_header .group_status div {
        padding-bottom: 6px;
    }
    #pending_orders .group_header .group_title {

        display: inline-block;
        float: left;
    }
    #pending_orders .group_header .group_status img,
    #pending_orders .data_table .status_Processing img,
    #pending_orders .data_table .status_Pending img,
    #pending_orders .data_table .status_Complete img {
        max-width: 15px !important;
        height: auto;
        position: relative;
        top: 3px;
    }
    #pending_orders .order_status,
    #pending_orders .order_group_status,
    #pending_orders .group_header .group_title,
    #pending_orders .group_header .group_status div {
        font-size: 11px;
        color: #687e9a;
    }
        #pending_orders .order_group_status span,
        #pending_orders .group_header .group_status span.groupstatus_spacer {
            font-size: 13px;
        }

            /*#pending_orders .group_header .group_title strong {
                font-size: 12px !important;
                color: #296db3;
            }*/
        #pending_orders .group_header .group_status a.conflink {
            position: relative;
            padding-left: 18px;
            font-size: 11px;
            background-image: url(../layout/icon_search_magnify_small.png);
            background-repeat: no-repeat;
            background-position: right bottom;
            padding-right: 18px;
            background-size: 16px;
            padding-top: 4px;
    }
        #pending_orders .group_header .group_status a.conflink:before {
            content: "";
            display: block;
            width: 10px;
            height: 12px;
            border-left: 1px dotted #668dad;
            border-bottom: 1px dotted #668dad;
            position: absolute;
            top: 0;
            left: 4px;
        }
div.pending_orders_notice {
    text-align: center;
    color: #004a8a;
    display: inline-block;
    margin: auto;
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #0185cd;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    -khtml-border-radius: 26px;
}
    div.pending_orders_notice a {
        color: #004a8a;
        text-decoration: none;
        background-image: url(../layout/icon_processing.png);
        background-repeat: no-repeat;
        background-position: center left;
        display: inline-block;
        padding: 10px 10px 10px 40px;
    }
        div.pending_orders_notice a span {
            color: #0185cd;
        }
        div.pending_orders_notice a:hover span {
            text-decoration: underline;
        }
    #manualRefresh {

        text-align: center;
    }

    #manualRefresh a {
        font-size: 13px !important;
        background-image: url(../layout/icon_refresh.png);
        background-position: 90% center;
        background-size: 20px;
        padding-right: 35px;
    }
#pending_orders .accordion_group {
    padding-top: 15px;
}
#pending_orders .accordion_group_item {
    background-color: #f3f7f9;
    overflow: hidden;
}  
#pending_orders .pendingorderscontainer {
    padding: 20px;
    position: relative;
}
    #pending_orders .pendingorderscontainer:before {
        display: block;
        width: 30px;
        height: 30px;
        background-color: #f3f7f9;

        content: "";
        position: absolute;
        transform: rotate(45deg);
        top: -10px;
        left: 80px;
    }
#pending_orders .data_table {
    color: #355681;
}
    #pending_orders .data_table td.pendingorders_order_ref {
        font-weight: bold;
    }
#pending_orders .data_table img {
    max-width: 60px;
}
#pending_orders .group_header .group_title span.date {
    display: block;
}
#pending_orders .group_header .group_title span.date span {
    font-weight: bold;
}

#ImportDutiesTaxesStatement {
    display: block;
    background-color: #eef3f6;
    padding: 5px !important;
    width: auto;
}
    li.radio_option_group.type_UPS_Import #ImportDutiesTaxesStatement {
        display: block;
    }
    #ImportDutiesTaxesStatement .inner {
        display: block;
        background-color: #eef3f6;
        padding: 15px 20px 15px !important;
        width: auto;
    }
    #ImportDutiesTaxesStatement h5 {
        font-size: 12px !important;
        font-weight: 800 !important;
        margin: 0 0 3px !important;
        padding: 10px 0 2px 26px !important;
        background-image: url(../layout/symbol-exclaimation-blue.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 18px;
        color: #296db3 !important;/*
        border-bottom: 1px solid #004a8a;*/
    }
#ImportDutiesTaxesStatement p {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    font-weight:800 !important;
/*    background-image: url(../layout/symbol-exclaimation-blue.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px;*/
}


div.map h1,
div.map h2,
div.map h3,
div.map h4,
div.map h5 {
    display: block;
    width: auto;
    padding: 22px 0px 22px;
    width: 100%;
    margin: 0px 0px 0px;
    text-align: center;
    font-size: 1.5em;
    color: #fff !important;
    text-shadow: 1px 1px #00438a;
}

div.NewsItem,
div.NewsItemContent,
div.NewsItemOverview,
div.NewsItemInnerContent,
ul.services-list li,
div.NewsItemTop {
    display: inline-block;
    text-align: left;
}
    div.NewsItemOverview.article {
        text-align: center !important;
        font-size: 1em;
    }
        div.NewsItemOverview.article span {
            position: relative;
            top: 5px;
        }
div.NewsItem {
    margin: 1%;
    vertical-align: top;
    background-color: #fff;
    padding: 0px;
    box-shadow: 0px 2px 7px #bccbdf;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    -khtml-border-radius: 10px !important;
}
   
    div.NewsItem div.NewsItemTop {
        display: block;
        width: auto;
        padding: 0px 10px;
        background-color: #bbccdf;
        position: relative;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        
        background-repeat: no-repeat;
        background-position: center;
    }
        div.NewsItem div.NewsItemTop {
            height: 170px;
        }
        
        ul.panelled li.Parcel div.imagePlaceHolder,
        ul.panelled li.Paketzustellung div.imagePlaceHolder,
        div.NewsItem.Parcel div.NewsItemTop,
        div.NewsItem.Paketzustellung div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-parcel.jpg);
        }
        ul.panelled li.Social div.imagePlaceHolder,
        ul.panelled li.Soziale div.imagePlaceHolder,
        div.NewsItem.Social div.NewsItemTop,
        div.NewsItem.Soziale div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-social.jpg);
        }
        ul.panelled li.FAQ div.imagePlaceHolder,
        ul.panelled li.Help div.imagePlaceHolder,
        ul.panelled li.Hilfe div.imagePlaceHolder,
        div.NewsItem.FAQ div.NewsItemTop,
        div.NewsItem.Help div.NewsItemTop,
        div.NewsItem.Hilfe div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-help.jpg);
        }
        ul.panelled li.Courier div.imagePlaceHolder,
        div.NewsItem.Courier div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-courier.jpg);
        }
        ul.panelled li.API div.imagePlaceHolder,
        div.NewsItem.API div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-api.jpg);
        }
        ul.panelled li.Press div.imagePlaceHolder,
        ul.panelled li.Presse div.imagePlaceHolder,
        ul.panelled li.interne div.imagePlaceHolder,
        ul.panelled li.externe div.imagePlaceHolder,
        ul.panelled li.Projekte,
        div.NewsItem.Press div.NewsItemTop,
        div.NewsItem.Presse div.NewsItemTop,
        div.NewsItem.interne div.NewsItemTop,
        div.NewsItem.externe div.NewsItemTop,
        div.NewsItem.Projekte div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-corporate.jpg);
        }
        ul.panelled li.Fracht div.inner div.imagePlaceHolder,
        ul.panelled li.Freight div.inner div.imagePlaceHolder,
        div.NewsItem.Fracht div.NewsItemTop,
        div.NewsItem.Freight div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-freight.jpg);
        }
        ul.panelled li.Sea.Freight div.imagePlaceHolder,
        ul.panelled li.Seefracht div.imagePlaceHolder,
        div.NewsItem.Sea div.NewsItemTop,
        div.NewsItem.Seefracht div.NewsItemTop  {
            background-image: url(../layout/bg-newsheadline-seafreight.jpg);
        }
        ul.panelled li.Air.Freight div.imagePlaceHolder,
        ul.panelled li.Luftfracht div.imagePlaceHolder,
        div.NewsItem.Air div.NewsItemTop,
        div.NewsItem.Luftfracht div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-airfreight.jpg);
        }
        ul.panelled li.Rates div.imagePlaceHolder,
        div.NewsItem.Rates div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-rates.jpg);
        }
        ul.panelled li.DHL div.imagePlaceHolder,
        div.NewsItem.DHL div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-DHL.jpg);
        }
        ul.panelled li.DPD div.imagePlaceHolder,
        div.NewsItem.DPD div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-DPD.jpg);
        }
        ul.panelled li.FedEx div.imagePlaceHolder,
        div.NewsItem.FedEx div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-FedEx.jpg);
        }
        ul.panelled li.Weird div.imagePlaceHolder,
        ul.panelled li.Sonstiges div.imagePlaceHolder,
        div.NewsItem.Weird div.NewsItemTop,
        div.NewsItem.Sonstiges div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-weird.jpg);
        }
        ul.panelled li.Alerts div.imagePlaceHolder,
        ul.panelled li.Meldungen div.imagePlaceHolder,
        ul.panelled li.Stoermeldungen div.imagePlaceHolder,
        ul.panelled li.Störmeldungen div.imagePlaceHolder,
        div.NewsItem.Alerts div.NewsItemTop,
        div.NewsItem.Meldungen div.NewsItemTop,
        div.NewsItem.Stoermeldungen div.NewsItemTop,
        div.NewsItem.Störmeldungen div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-alerts.jpg);
        }
        ul.panelled li.Amazon div.imagePlaceHolder,
        div.NewsItem.Amazon div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-amazon.jpg);
        }
        ul.panelled li.Case div.imagePlaceHolder,
        div.NewsItem.Case.Studies div.NewsItemTop {
            background-image: url(../layout/bg-case-study.jpg);
        }
        ul.panelled li.TNT div.imagePlaceHolder,
        div.NewsItem.TNT div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-TNT.jpg);
        }
        ul.panelled li.UPS div.imagePlaceHolder,
        div.NewsItem.UPS div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-UPS.jpg);
        }
        ul.panelled li.Global.Trade div.imagePlaceHolder,
        div.NewsItem.Global.Trade div.NewsItemTop {
            background-image: url(../layout/bg-newsheadline-globaltrade.jpg);
        }

        div.NewsItem div.NewsItemTop div.headlines {
            position: absolute;
            bottom: 0px;
            right: 0px;
            left: 0px;
            display: block;
            background-color: #01162e;
            text-align: left;
            opacity: 0.85;
            filter: alpha(opacity=85);
            width: auto;
            padding: 0px 0px;
            
        }

    div.NewsItem span.image {
        display: none;
        background-color: #498bd0;
        width: 100%;
        height: 140px;
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        -khtml-border-radius: 10px !important;
    }

    div.NewsItem div.NewsItemContent {
        padding: 10px;
    }


div.NewsItem h2,
div.NewsItem h3,
div.NewsItem h4,
div.NewsItem h4 {
    display: block;
    color: #fff !important;
    padding: 6px 8px 6px !important;
    font-size: 1.3em !important;
    }

div.NewsItemOverview {
    display: block;
    padding: 0px 12px 12px 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    -khtml-border-radius: 4px;
    font-size: 0.85em;
    width: auto;
    margin: auto !important;
    color: #fff !important;
}
    div.NewsItemOverview b {
        color: #fff !important;
        display: none;
    }
    div.NewsItemOverview span {
        
        background-repeat: no-repeat;
        background-position: left center;
        padding: 5px 0px 5px 20px;
        margin-left: 5px;
    }
        div.NewsItemOverview span.time {
            background-image: url(../layout/icon-time-small.png);
        }
        div.NewsItemOverview span.category {
            background-image: url(../layout/icon-category-small.png);
        }
        div.NewsItemOverview span.author {
            display: none;
        }
div.NewsItemOverview div.inner-container {
    text-align: center;
}

div.NewsItemOverview b {
    margin-left: 5px;
    }

div.NewsItemInnerContent {
    width: 96%;
    margin: 0 2%;
    padding: 10px 0 20px;
    }

section.tiled-news {
    display: block;
    max-width: 1200px;
    margin: auto;
    width: auto;
    box-sizing: border-box;
    padding: 0 0 30px;
}
section.tiled-news div.rotation.news li {
    display: block;
    width: 25%;
    margin: 0 0 15px;
    float: left;
    box-sizing: border-box;
    height: 220px;
    background-color: #fff;
    border-right: 1px solid #dfdfdf;
    border-collapse: separate;
    padding: 0 10px;
    background-color: #fff;
}
    section.tiled-news div.rotation.news li:first-of-type {
        width: 50%;
    }

    section.tiled-news div.rotation.news li a,
    section.tiled-news div.rotation.news li a:active,
    section.tiled-news div.rotation.news li a:hover,
    section.tiled-news div.rotation.news li a:focus {
        
    }
    section.tiled-news div.rotation.news li a {
        display: block;
        text-align: left;
        width: auto;
        padding: 130px 15px 20px;
        margin: 0;
        background-image: url(../layout/bg-case-study.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-color: #f6f6f6;
        height: 220px;
        box-sizing: border-box;
    }
    section.tiled-news div.button-container,
    section.tiled-news div.rotation.news h3 {
        display: none;
    }
    section.tiled-news div.rotation.news li a:after {
        content: "Read";
        display: block;
        text-align: center;
    }

ul.panelled,
ul.panelled li {
    display: block;
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    box-sizing: border-box;
    float: left;
    text-align: left;
    position: relative;
}
    ul.panelled {
        max-width: 1200px;
        width: auto;
    }
    ul.panelled li {
        border-right: 1px solid #dfdfdf;
        margin-bottom: 30px;
        
    }
        ul.panelled li div.inner {
            display: block;
            padding: 0 0 50px;
            margin: 0px;
            height: 360px;
            width: auto !important;
            border-left: 12px solid #fff;
            border-right: 12px solid #fff;
            background-repeat: no-repeat;
            background-image: url(../layout/turn-page-corner.png) !important;
            background-position: right bottom;
        }

        div.NewsSummary,
        ul.panelled li h1,
        ul.panelled li h2,
        ul.panelled li h3,
        ul.panelled li h4,
        ul.panelled li h5,
        ul.panelled li div.inner
        {
           background-color: #f6f6f6;
        }
        
        ul.panelled li h1,
        ul.panelled li h2,
        ul.panelled li h3,
        ul.panelled li h4,
        ul.panelled li h5 {
            font-size: 1.2em;
            display: block;         
            box-sizing: border-box;
            width: auto;
            padding: 8px 15px 3px;
            margin: 0 0;
            /*opacity: 0.85;
            filter: alpha(opacity=85);*/

        }   
            ul.panelled li h1 a,
            ul.panelled li h2 a,
            ul.panelled li h3 a,
            ul.panelled li h4 a,
            ul.panelled li h5 {
                text-decoration: none;
                color: #333 !important;
                letter-spacing: 1px;
            }
            h1.headline,
            h2.headline,
            h3.headline,
            h4.headline,
            h5.headline5 {
                text-decoration: none;
                color: #296db3;
                letter-spacing: 1px;
            }
            h1.headline,
            h2.headline,
            h3.headline,
            h4.headline,
            h5.headline,
            ul.panelled li:first-of-type h1,
            ul.panelled li:first-of-type h2,
            ul.panelled li:first-of-type h3,
            ul.panelled li:first-of-type h4,
            ul.panelled li:first-of-type h5 {
                font-size: 2.2em;
            }
  
        ul.panelled li a.btn {
            position: absolute;
            bottom: 15px;
            right: 15px;
        }
        div.publishInfo,
        ul.panelled div.published {
            font-size: 0.9em;
            display: block;
            padding: 6px 10px 10px;
            box-sizing: border-box;
            text-transform: uppercase;
            font-size: 0.8em;
            font-family: Calibri;
            background-color: #f6f6f6;
            color: #333;
            text-align: left;
        }
            div.publishInfo {
                text-align: center;
                background-color: transparent;
                border-top: 1px solid #e1e1e1;
                padding-top: 14px;
            }
                div.publishInfo span {
                    padding: 0 5px 0 15px;
                    background-repeat: no-repeat;
                }
            ul.panelled div.published span {
                display: inline-block;
                background-repeat: no-repeat;
                background-position: left center;
                position: relative;
                top: 3px;
                padding-left: 15px;
                padding-right: 5px;
            }
                div.publishInfo span.time,
                ul.panelled div.published span.time {
                    background-image: url(../layout/icon-clock-vsmall.png);
                }
                div.publishInfo span.category,
                ul.panelled div.published span.category {
                    background-image: url(../layout/icon-category-vsmall.png);
                }
                div.publishInfo span.author,
                ul.panelled div.published span.author {
                    background-image: url(../layout/icon-author.png);
                }

            div.publishInfo b,
            ul.panelled div.published b {
                display: none;
            }
        ul.panelled li div.imagePlaceHolder,
        ul.panelled li div.imagePlaceHolder span.inner {
            display: block;
            margin: 0px auto;
            clear: both;
            text-align: center;
            position: relative;
            background-size: cover;
            background-position: center center;
        }
            ul.panelled li div.imagePlaceHolder {
                    background-color: #e9e9e9;
            }    
        ul.panelled li div.imagePlaceHolder span.inner {
                padding: 25px 0px 26.25% 0px;
                height: 0;
            }
            ul.panelled li:first-of-type div.imagePlaceHolder span.inner {
                padding: 25px 0px 20.25% 0px;
            }
        ul.panelled div.NewsSummary {
            font-size: 0.95em;
            display: block;
            padding: 5px 15px;
            box-sizing: border-box;
            line-height: 1.8em;

        }
            ul.panelled li:first-of-type div.NewsSummary {
                font-size: 1.1em;
            }
            ul.panelled div.NewsSummary a.link {
                font-size: 0.95em;
                position: absolute;
                bottom: 15px;
                left: 25px;
            }
                ul.panelled div.NewsSummary a.link:after {
                    content: ">";
                    position: relative;
                    left: 3px;
                    }
        div.contentarea.news {
            display: block;
            padding: 0 0 40px;
        }
        div.contentarea.news p {
            line-height: 2em;
        }
                div.contentarea.news p:first-of-type {
            font-size: 1em;

        }
            div.contentarea.news ul,
            div.contentarea.news ol {
                display: block;
                width: 88%;
                padding: 0;
                margin: 0 6%;
                list-style: disc;
            }
                div.contentarea.news ul li,
                div.contentarea.news ol li {
                    text-align: left;
                    margin: 12px 0;
                    line-height: 2em;
                }
                div.contentarea.news div.filterList ul,
                div.contentarea.news div.filterList ol {
                    display: none;
                    
                }
/*span.articleImage {
    display: block;
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
}*/
ul.services-list li {
    width: auto;
    display: block;
    margin: 12px 2%;
    padding: 8px;
    background-color: #fff;
    box-shadow: 0px 2px 7px #bccbdf;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
}
ul.services-list li li {
    box-shadow: none !important;
    background-color: transparent !important;
} 
ul.services-list li div.inner ul {
    display: block;
    padding: 0px 0px 4px 15px;
    margin: 0px 0px;
    font-size: 0.85em;
}
    ul.services-list li div.inner ul li {
        background-color: transparent !important;
        color: #fff !important;
        width: auto !important;
        }
ul.services-list li h2 {
    color: #fff !important;
    padding: 3px 8px 0px !important;
    display: block;
}
ul.services-list li a.btnBlue {
    display: block !important;
    width: auto;
    margin: 0px 8px 10px;
    padding: 8px 0px !important;
    background-color: #555;
}
ul.services-list li div.description {
    display: block;
    padding: 12px 15px 0px;
    margin: 0;
    text-align: left;
    min-height: 40px;
}
    ul.services-list li div.description ul {
        display: block;
        text-align: center;
        padding: 0 0 15px;
        margin: 0;
    }
        ul.services-list li div.description ul li {
            display: inline-block;
            width: 30% !important;
            box-shadow: none !important;
            margin: 0px 1% !important;
            text-align: center;
            padding: 50px 0px 0px 0px;
            opacity: 0.4;
            filter: alpha(opacity=40);
            }
ul.services-list li div.title { 
    background-repeat: no-repeat;
    background-position: 9px 11px;
    padding: 5px 0px 5px 90px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}
    ul.services-list li div.title ul {
        display: block;
        padding: 0px 0px 0px 8px;
        margin: 0px;
        height: 18px;
    }
        ul.services-list li div.title ul li {
            display: block;
            padding: 0px 0px 0px 10px;
            margin: 0px;
            float: left;
            width: initial !important;
            color: #fff;
        }
ul.services-list li div.inner {
    
}
 
ul.services-list li.dhl div.title { background-image: url(../layout/service-badge-dhl.png); }
ul.services-list li.tnt div.title { background-image: url(../layout/service-badge-tnt.png); }
ul.services-list li.ups div.title { background-image: url(../layout/service-badge-ups.png); }
ul.services-list li.dpd div.title { background-image: url(../layout/service-badge-dpd.png); }
ul.services-list li.tgexpress div.title { background-image: url(../layout/service-badge-tg-express.png); }
ul.services-list li.tginternational div.title { background-image: url(../layout/service-badge-tg-international.png); }

ul.socialShareLinks {
    display: block;
    padding: 30px 0;
    margin: 0;
    text-align: center;
}

ul.socialShareLinks li {
    display: inline-block;
    margin: 0 10px;
    }

div.rotation.feedback,
div.rotation.news {
    text-align: center;
    width: 92%;
    margin: auto 3% !important;
}
div.rotation.price {
    background-image: url(../layout/swatch_f6f9fc.png);
    background-repeat: repeat-x;
    background-size: 1px 45px;
    background-position: left bottom;
    text-align: center;
}
div.rotation ul {
    display: block;
    position: relative;
    margin: auto;
    list-style-type: none;
}
div.rotation.price ul {
    background-repeat: no-repeat;
    background-size: auto 98%;
    width: 255px !important;
    height: 153px !important;
}

div.rotation.price a span {
    display: block;
    clear: both;
    text-align: center;
}

div.rotation.news ul {
    min-height: 250px;
    max-width: 400px;
    padding-top: 10px;
    position: relative;
    margin: auto;
    z-index: 0;
    }

    div.rotation.news ul li p {
        display: block;
        width: 90%;
        margin: 0 auto;
        max-width: 400px;
    }
div.rotation.orders h3 span:before {
    display: inline-block;
    height: 40px; 
    width: 40px;
    margin-right: 5px;
    background-image: url("../layout/icon-account-orders.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content:"";
    position: relative;
    top: 10px;
}
div.rotation.orders ul {
    min-height: 70px;
    padding-top: 10px;
    position: relative;
    }
div.rotation.orders li img {
    height: 20px;
    width: auto;
    }
div.rotation.orders li a.button {
    margin-left: 8px;
}
div.rotation.orders h3,
div.rotation.orders h4,
div.rotation.news h3,
div.rotation.news h4 {
    font-size: 1.3em;
}
    div.rotation.news h3 span span,
    div.rotation.news h4 span span {
        display: inline-block;
        width: auto;
        background-image: url(../layout/icon-news-small.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 14px 0px 14px 48px;

    }
div.rotation.orders li {
    display: none;
    position: relative;
    margin: auto auto;
    z-index: 50;
}

div.rotation.news li {
    display: none;
    position: absolute;
    margin: auto auto;
    z-index: 50;
}
div.rotation.orders li {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
}
div.rotation.price li {
    display: none;
    position: absolute;
    top: 14px;
    text-align: left;
    width: 228px;
    overflow: no-display;
    margin: auto 0px;
    height:65px;
}

div.rotation.news li a,
div.rotation.news li a:active,
div.rotation.news li a:hover,
div.rotation.news li a:focus {
    
    }
div.rotation.news li h5 {
    padding-top: 5px !important;
}
div.rotation.news li h5 a {
    font-size: 1.3em;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
}
div.rotation.news li p a {
    font-size: 0.95em;
}
div.rotation.price li a,
div.rotation.price li a:active,
div.rotation.price li a:hover,
div.rotation.price li a:focus {
    color: #f8f1e5;
    text-decoration: none;
    cursor: help;
    }
div.rotation li h3 a {
    font-size: 1em;
    line-height: 1em;
    }
/*
div.rotation li img {
    position: absolute;
    right: 5px;
    bottom: 0px;
    }
*/
div.rotation li h3 {
    display: block;
    width: auto;
    margin: 0px 74px 0px 30px;
    padding: 8px 0px 0px;
    position: relative;
    z-index: 0;
    text-align: center;
    }
div.rotation a.price-options {
    display: block;
    position: absolute;
    right: 6px;
    top: 30px;
    width: 70px;
    margin: 0px;
    padding: 0px 0px 0px;
    text-align: center;
    /*text-shadow: 1px 1px #7b0019 !important;*/
    z-index: 50;
    }
div.freight div.rotation.price ul li a.price-options {
    visibility: hidden;
    
}
div.freight div.rotation.price a.price-options:before {
    content: "Get Quote";
    display: block;
    visibility: visible;
    position: relative;
    font-size: 1.2em;
    top: -25px;
    right: -21px;
    cursor: pointer;
    width: 60px;
    }
div.rotation a.price-options b {
    display: block;
    width: 70px;
    height: auto;
    text-align: center;
    padding: 0px;
    margin: 0px;
    color: #fff !important;
    }
div.rotation img.flag {
    position: absolute;
    left: 90%;
    top: 70px;
    }
div.rotation.feedback {
    display: block;
    width: 90%;
    margin: 0px 5%;
    padding: 30px 0 0;
    min-height: 250px;
    text-align: center;
    position: relative;
    z-index: 0;
}
div.rotation.feedback.transition {
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s; 

    }
div.rotation.feedback ul {
    display: block;
    max-width: 800px;
    width: auto;
    margin: auto;
    position: relative;
    z-index: 0;
}

div.rotation.feedback li {
    display: none;
    text-align: center;
    overflow: no-display;
    margin: auto 0px;
    padding: 5px 30px 5px 35px;
    background-image: url(../layout/icon-quote-mark-open.png), url(../layout/icon-quote-mark-close.png);
    background-repeat: no-repeat;
    background-position: left center, right center;
    font-size: 1em;
    line-height: 1.6em;
    position: relative;
    z-index: 50;
}
div.rotation.feedback li div.customer {
    display: block;
    padding: 10px 0px 0px;
    text-align: right;
    font-size: 0.85em;
    }

section.info {
    display: block;
    padding: 0px 0px 30px;
    margin: 0px 0px 0px;
}
section.info h1,
section.info h2,
section.info h3,
section.info h4,
section.info h5 {
    text-align: center;
    }

section.info.intro p:first-of-type strong {
    font-weight: normal;
    }

/* END COUNTRY LANDING PAGES */

section.blue h1 span  {
    text-align: center;
    display: inline-block;
    color: #fff !Important;
}
section.blue h1.icon span {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 45px auto;
    padding-left: 50px;
    color: #fff !important;
}
div.helpinformation {
    display: block;
    width: 97%;
    margin: 0px 1%;
    padding: 0px 0px 40px;
}
section.blue h1,
div.categories h1 {
    color: #fff !important;
    font-size: 1.9em;
    margin: 0px !important;
    padding: 8px 0px 0px !important;
}
section.blue p {
    color: #fff;
}
div.categories section {
    display: block;
    margin: 0px 1%;
    padding: 20px 0px 40px;
    float: left;
    }
div.categories ul,
div.categories ol {
    list-style-type: none;
    padding: 10px 0 30px;
    margin: 0;
    text-align: center;
    }
div.categories li {
    width: auto;
    padding: 4px 0px 4px 22px;
    text-align: left;
    background-image: url(../layout/icon-list-arrow-small.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px auto;
    }
div.categories div.tools li {
    margin: auto 2% 22px;
    float: left;
}
div.categories li a,
div.categories li a strong {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    }
div.categories li a i,
div.categories li a span {
    display: block;
    }
div.categories li a i {
   font-style: normal;
   font-size: 1em;
   margin-bottom: 5px;
    }
div.categories li a span {
    font-size: 0.7em;
    color: #cadef4;
    }
div.categories li a:hover span,
div.categories li a:active span,
div.categories li a:focus span {
    font-size: 0.7em;
    color: #fff;
    }
div.video-container,
section.video-container {
    display: block;
    background-color: #000;
    margin: 0px auto;
    clear: both;
    text-align: center;
    position: relative;
    padding: 25px 0px 56.25% 0px;
    height: 0;
}
    div.video-container iframe,
    section.video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
div.search {
    display: block;
    width: auto;
    padding: 10px 0px 25px 10px;
    margin: 0px;
    text-align: center;
}
div.company-address {
    display: block;
    background-image: url(../layout/blue-icon-location-marker.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: auto;
    padding: 70px 0 20px;
    margin: 20px 0 0;
    text-align: center;
    line-height: 1.8em;
    letter-spacing: 1px;
    font-size: 1em;
    color: #56709f;
}
    div.company-address form.directions {
        display: block;
        width: auto;
        max-width: 500px;
        margin: 20px auto;
        padding: 5px 10px;
        letter-spacing: 0px;
        background-color: #eff3fa;
        -moz-border-radius: 12px !important;
        -webkit-border-radius: 12px !important;
        border-radius: 12px !important;    
        -khtml-border-radius: 12px !important;
    }
        div.company-address form.directions input[type=text] {
            border: 1px solid #bac9e5;
            width: 85%;
            padding: 5px;
        }

        form.directions input.button {
            border: none;
        }
        div.opening-hours span.hours,
        div.company-address form.directions label b,
        div.company-address form.directions label {
            color: #56709f !important;
        }
div.opening-hours {
    text-align: center;
    
}
div.opening-hours h4 {
    display: block;
    text-align: center;
    margin: 0px 0px 0px;
    padding: 15px 0px 5px;
    font-size: 1.4em;
}
div.opening-hours h4 span {
    background-image: url(../layout/blue-icon-clock-face.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: inline-block;
    padding: 70px 0px 8px 0;
    width: initial;
    font-size: 0.8em;
    color: #054f95 !important;
    letter-spacing: 1px;
    }

div.opening-hours span.hours {
    display: inline-block;
    text-align: center;
    padding: 0px 0px 62px;
    margin: 0px;
    color: #777;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 1px;
    }
section.enquiry-form {
    display: none;
    clear: both;
    padding: 0px 0px 40px;
}
section.enquiry-form table {    
    width: 95%;
    margin: auto;
    max-width: 1150px;
    }
section.enquiry-form table td {
    padding: 5px 0px !important;
    }
section.enquiry-form td.FormTableLabel,
section.enquiry-form td.FormTableField {
    display: block;
    float: left;
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: right;
    }
section.enquiry-form td.FormTableField {
    text-align: left;
    min-width: 45%;
    }
section.enquiry-form td.FormTableLabel {
    text-align: right;
    min-width: 35%;
    }
section.enquiry-form td label {
    display: block;
    width: auto;
    padding: 5px 10px 0px 0px;
    color: #fff;
    float: none !important;
    }
section.enquiry-form td input[type="text"],
section.enquiry-form td textarea,
form.directions input[type="text"] {
    float: none !important; 
    width: 90%;
    border: 1px solid #fff;
    padding: 4px;
    margin: 0px 3% 0px 3%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    -khtml-border-radius: 3px;
    }
section.enquiry-form p {
    color: #fff;
    display: block;
    text-align: center;
    }
form.directions {
    display: block;
    text-align: center;
}
form.directions label {
    display: block;
    padding: 8px 0px 5px;
    }

div#surveyMonkeyInfo {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    max-width: 695px;
}
div#surveyMonkeyInfo iframe {
    width: 100%;    
    
}
div#surveyMonkeyInfo div,
div#surveyMonkeyInfo div.smcx-embed {
    margin: auto;
}
div.download-options {
    padding: 0px 0px 40px;
}
.survey {
    text-align: center;
    padding: 40px 0px;
}
a.button.more.active {
    padding: 6px 20px 6px 20px !important;
    display: inline-block !important;
}
a.button.more.active span {
   display: none !important;
}

div#divViewReceivingCentres {

}

div.order-reference-confirmation {
    display: block;
    color: #054f95;
    padding-bottom: 30px;
}
span.phonenumber {
    background-image: url("../layout/icon-phone-x-small.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40px;
    display: inline-block;
    padding: 8px 0px 8px 40px;
    margin: 5px 0px 0px;
}
div.noprinter {
    display: block;
    text-align: center;
    margin:0 auto;
    padding: 0;
}

div.InnerWindow_Page {
    display: block;
    width: auto;
    padding: 0px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    /*min-height: 590px;*/
    /*padding-bottom: 170px;*/
    box-sizing: border-box;
}
    div.InnerWindow_Page div.ContentPage_Content {
        padding-top: 0;
    }
    div.InnerWindow_Page h1 {
        display: block;
        text-align: center;
        color: #fff !important;
        margin-bottom: 0 !important;
    }
    div.InnerWindow_Page h2.title,
    div.InnerWindow_Page h3.title,
    div.InnerWindow_Page h4.title,
    div.InnerWindow_Page h5.title {
        padding: 0px 0px !Important;
        margin: 40px auto 0 !important;
        font-size: 16px;
    }
        div.InnerWindow_Page h2.title span,
        div.InnerWindow_Page h3.title span,
        div.InnerWindow_Page h4.title span,
        div.InnerWindow_Page h5.title span {
            width: 100%;
        }

    div.InnerWindow_Page .display_pop_up h1 {
        background-color: transparent !important;
        color: #296db3 !important;
        font-weight: 300;
    }
    div.form-container {
        display: block;
        margin: 0px;
        padding: 40px 0px;
    }
div.InnerWindow_Page .clean_heading h1 {
    background-color: transparent !important;
    color: #004a8a !important;
}
.saved_customs_invoices,
.saved_customs_invoices p,
.saved_customs_invoices div {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: all 1000ms ease 0s;
    -moz-transition: all 1000ms ease 0s;
    -o-transition: all 1000ms ease 0s;
    transition: all 1000ms ease 0s;
    font-family: "Roboto";
    margin: auto;
}

.saved_invoices,
.create_invoice {
    width: 100% !important;
    margin: 0 0 50px !important;
}
    .saved_invoices table {
        width: 100%;
    }
.saved_customs_invoices {
    background-color: #f6f9fc;
    padding: 30px 0 60px 0;
    text-align: left;
    font-family: "Roboto";
}
    .saved_customs_invoices table {
        margin: auto;
    }
        .saved_customs_invoices table tfoot {
            border-top: 10px solid #fff;
        }
            .saved_customs_invoices table tfoot td {
                background-color: #c6d2e8;
            }
                .saved_customs_invoices table td.options {
                    min-width: 200px;
                }
            .saved_customs_invoices table tfoot select {
                border: 1px solid #bfd2e7;
                padding: 8px 15px !important;
                border-radius: 7px !important;
            }
                .saved_customs_invoices table.standard tfoot select,
                .saved_customs_invoices table.standard tfoot input {
                    border-color: #c6d2e8;
                }
         .saved_customs_invoices table span.alert {
            margin-bottom: 10px !important;
            font-size: 12px;
            padding: 13px 0;
         }
        .saved_customs_invoices table .button_white.add_to_list {
            border-width: 1px !important;
        }

        .button_white.add_to_list.add_to_list.large {
            display: block;
            -moz-border-radius: 3px !important;
            -webkit-border-radius: 3px !important;
            border-radius: 3px !important;
            -khtml-border-radius: 3px !important;
            background-color: #fff !important;
            border-radius: 0 !important;
            border: 1px dashed #a3afc7 !important;
            background-image: none !important;
            text-align: center;
            padding: 0;
            color: #6f83a9 !important;
}
                .button_white.add_to_list.add_to_list.large span {
                    display: inline-block;
                    background-image: url(../layout/add_item_list.png);
                    background-repeat: no-repeat;
                    background-position: 8px center;
                    padding: 8px 10px 8px 40px !important;
                }
        .saved_customs_invoices table tfoot {
            -webkit-border-top-left-radius: 6px;
            -webkit-border-bottom-left-radius: 6px;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-bottomleft: 6px;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            overflow: hidden;
        }
    .saved_customs_invoices .consignment_summary,
    .customs_invoice_table {
        text-align: left !important;
    }
        .saved_customs_invoices .consignment_summary div {
            text-align: left;
        }
        .saved_customs_invoices .consignment_summary input,
        .saved_customs_invoices .consignment_summary select {
            display: inline-block;
            width: 50% !important;
            box-sizing border-box;
            max-width: 300px;
            padding: 7px 10px !important;
            border: 1px solid #c6d2e8;
        }
.saved_customs_invoices .consignment_summary,
.saved_customs_invoices .customs_invoice_table {
    padding: 30px !important;
    background-color: #fff;
    border: 1px solid #cedaf1;
    width: 90% !important;
    max-width: 1200px;
    margin: 20px auto 50px !important;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -khtml-border-radius: 14px;
    text-align: left !important;
}
.saved_customs_invoices .button_container {
    text-align: right;
    padding: 0 40px !important;
    box-sizing: border-box;
}
    .saved_customs_invoices .button_container .button_blue {
        font-family: "Roboto" !important;
        float: right;
    }
.create_packinglist {
    display: block;
    background-color: #e2eaf9;
    width: 100%;
    height: 100%;
    position: fixed;
    right: -100%;
    left: 100%;
    top: 0;
    bottom: 0;
    z-index: 100;
}
    .create_packinglist.active {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
    }
.customs_invoice_table {
    padding-bottom: 50px !important;
}
.customs_invoice_table h3,
.consignment_summary h2 {
    text-align: left;
    display: inline-block !important;
    width: auto !important;
    padding-top: 5px !important;
}
#close_create_packinglist {
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 6px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}

    #close_create_packinglist:before, #close_create_packinglist:after {
        content: '';
        position: absolute;
        width: 36px;
        height: 4px;
        background-color: white;
        border-radius: 2px;
        top: 16px;
        box-shadow: 0 0 2px 0 #ccc;
    }

    #close_create_packinglist:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 2px;
    }

    #close_create_packinglist:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 2px;
    }
div.form-container table {
    width: auto;
    margin: 0px auto 0px !Important;
}

div.form-container label {
    font-size: 1.3em;
    display: inline-block;
    padding-right: 5px;
    }
.EORI_VAT,
.customs_consignment_summary {
    /*float: left;
    width: 46%;*/
    max-width: 600px;
    margin: 20px 4% !important;
    box-sizing: border-box;
}
    .customs_consignment_summary h2 {
        float: left;
    }
    .customs_consignment_summary .saved_invoice_option {
        float: right;
    }
    .EORI_VAT h3 {
        padding: 5px 0 15px !important;
    }
.saved_invoice_option span.note.info.pointer {
    display: none;
    position: absolute;
    z-index: 100;
    max-width: 350px;
}
    .saved_invoice_option:hover span.note.info.pointer {
        display: block;
    }
div#insuranceQuote {
    color: #fff;
    text-indent: 10px;
    font-weight: bold;
    padding: 0px;
    text-align: center;
}
div#insuranceQuote p span,
div#insuranceQuote p span i {
    display: block;
    font-style: normal;
    text-align: center;
    }

div#insuranceQuote p {
    padding: 0px !important;
    margin: 0px !Important;
    }
div#insuranceQuote a {
    color: #fff !important;
    }
div#insuranceQuote span.insuranceTerms {
    display: block;
    text-align: center;
    padding: 0px 0px 30px;
    }



div.leave-review {
    display: block;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
}
table.FormTable.CustomerFeedback {
    width: 90% !important;
    margin: 0 auto !important;
    max-width: 600px !important;
    }
table.FormTable.CustomerFeedback td {
    width: 50%;
    }


ul.feedback-links {
    display: inline-block;
    padding: 10px 10px 10px;
    margin: 20px 0 40px;
}

ul.feedback-links li {
    display: inline-block;
    padding: 6px 0;
}
ul.feedback-links li a {
    display: block;
    padding: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 69px;
    width: 193px;
    text-indent: -9999px;
    overflow: hidden;
}
    ul.feedback-links li a:hover,
    ul.feedback-links li a:active,
    ul.feedback-links li a:focus {
        background-position: top center;
    }
ul.feedback-links li a.reviewCentre {
    background-image: url(../layout/logo-ReviewCentre.png);
    }
ul.feedback-links li a.trustPilot {
    background-image: url(../layout/logo-TrustPilot.png);
    }

iframe#upsAccessPointFrame {
    border: none;
    overflow-x: hidden;

}
table.quote.form {
    margin: 20px 0px;
    margin: 30px 5% 0;
    border-spacing: 5px 0px;
    border-collapse: separate;
}
    table.quote.form th {
        color: #fff !important;
        text-align: center;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        font-family: arial;
        font-size: 0.9em;
        padding: 6px 0;
    }
        table.quote.form th:last-of-type {
            background-color: transparent !important;
        }
        table.quote.form tr#maxDimensions td {
            padding-top: 8px;
            color: red !important;
        }

table.collectionCutOffTable {
    margin: 20px 0px;
    width: 90%;
    margin: 30px 5% 0;
    border-spacing: 0px;
    border-collapse: separate;
}

table.collectionCutOffTable tr td span.charges {
    visibility: hidden;
}

table.collectionCutOffTable tr.UPS td span.charges {
    visibility: visible !important;
}

div.collectionCutOff input#postcodeInput {
    width: 100px;
}

div.service-information h2.title,
div.service-information h3.title,
div.service-information h4.title,
div.service-information h5.title {
    display: block;
}


div.service-information ul.bullet.brandTGExp {
    background-image: url(../media/servicelogos/badges/carrierBadge-tgExpress.png);
}
div.service-information ul.bullet.brandTGInt {
    background-image: url(../media/servicelogos/badges/carrierBadge-tgInt.png);
}
    div.service-information ul.bullet.brandTGInt.us {
        background-image: url(../media/servicelogos/badges/carrierBadge-tgInt-usexport.png);
    }

    div.service-information ul.bullet.brandTGInt.warehouse {
        background-image: url(../media/servicelogos/badges/carrierBadge-tgInt-depot.png);
    }

div.service-information ul.bullet.brandFedEx {
    background-image: url(../media/servicelogos/badges/fedex.png);
}
div.service-information ul.bullet.brandTGPlt {
    background-image: url(../media/servicelogos/badges/carrierBadge-tgPallet.png);
}
div.service-information ul.bullet.brandTGAirEco {
    background-image: url(../media/servicelogos/badges/carrierBadge-tgAirEco.png);
}
div.service-information ul.bullet.brandDPD {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-dpd.png");
}
div.service-information ul.bullet.brandUPS {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-ups.png");
}
div.service-information ul.bullet.brandDHL {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-dhl.png");
}
div.service-information ul.bullet.brandDTDC {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo_dtdc.png");
}
div.service-information ul.bullet.brandExpressWorldwide {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-express-worldwide.png");
}
div.service-information ul.bullet.brandusps,
div.service-information ul.bullet.brandUSPS {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-usps.png");
}
div.service-information ul.bullet.brandTNTExport {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-tnt.png");
}
div.service-information ul.bullet.brandTGExpress {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-tg-express.png");
}
div.service-information ul.bullet.brandAsendia {
    background-image: url("https://www.transglobalexpress.com/assets-uk/layout/brands/logo-asendia.png");
}

/*
    div.service-information ul.bullet.brandDHL:after,
    div.service-information ul.bullet.brandTNTExport:after {
        display: block;
        width: 150px;
        height: 80px;
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        right: 9px;
        bottom: 20px;
    }*/
section.banner ul.bullet {
    margin: 0px auto !important;
    text-align: center !important;
}
section.banner ul.bullet li {
    display: inline;
    margin: 12px auto !important;
    text-align: center !important;
    white-space: pre-line !important;
    font-size: 1.2em !important;
    background-position: left 5px
}

ul.downloadlist li:after,
section.banner ul.bullet li:after,
div.validation-summary-errors ul li:after { 
    content:"";  
    display: block; 
    height: 1px; 
    width: 100%;
    white-space:pre;
    margin: 0 0 10px;
}

ul.checklist li:after { 
    content:"";  
    display: block; 
    height: 12px; 
    width: 100%;
    white-space:pre;
    margin: 0;
}


section.shoparea h1 {
    text-align: center;
}

div.shop-navigation {
    display:block;
    width: auto;
    padding: 0px;
    margin: 0px;
}

div.shop-navigation ul,
div.shop-navigation ul li {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    text-align: left;
}
    div.shop-navigation ul li {
        display: inline-block;
        text-align: center;
        }
        div.shop-navigation ul li a {
           display: block;
           font-size: 0.95em;
        }
            div.shop-navigation a:hover,
            div.shop-navigation a:active,
            div.shop-navigation a:focus {
                text-decoration: none;
            }


div.shoppingBasket {
    display: inline-block;
    overflow: visible;
    float: right;
    text-align: right;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px; 
    -khtml-border-radius: 7px;
    color: #fff;
    margin: 4px 0;
    z-index: 9;
}
div.shoppingBasket span.viewbasket,    
div.shoppingBasket a.checkout {
    color: #fff !important;
    padding: 3px 6px;
    display: inline-block;
    cursor: pointer;
    }
    div.shoppingBasket a.checkout {
        margin: 5px 5px 5px 5px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px; 
        -khtml-border-radius: 4px;
        color: #498bd0 !Important;
        font-size: 0.9em;
    }
.viewcartempty {
    color: #fff !important;
    padding: 3px 6px;
    display: inline-block;
    }

div.shoppingBasket span.viewbasket, .viewcart, .viewcartempty {
    background-image: url(../layout/icon-shopping-basket.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    min-width: 20px;
    padding-right: 37px;
    }
    div.shoppingBasket span.viewbasket b {
        color: #fff !important;
        display: block;
        text-align: center;
        padding:0;
        margin: 0;
    }
div.shopping-cart {
    display: none;
    position: absolute;
    z-index: 9;
    padding: 0;
}
    div.shopping-cart strong {
        display: block;
        width: auto;
        margin: auto;
        padding: 9px 0 9px;
        text-align: center;
        font-size: 1em;
        background-image: url(../layout/icon-close.png);
        background-position: 98% center;
        background-repeat: no-repeat;
        background-size: 22px auto;
        background-color: #3879bc;
        }
    div.shopping-cart p {
        display: block;
        text-align: center;
        padding: 12px 0 20px !important;
    }
    div.shopping-cart div.itemContainer {
        display: block;
        font-size: 0.9em;
        position: relative;
        text-align: left;
    }

    div.shopping-cart div.itemContainer:nth-child(even){ 
	    background: #ebf0fa !important;
	}
        div.shopping-cart div.itemContainer:hover,
        div.shopping-cart div.itemContainer:active,
        div.shopping-cart div.itemContainer:focus {
            background-color: #fff !important;
            color: #EC121B !important;
        }
        div.shopping-cart div.itemContainer:last-of-type {
            -webkit-border-bottom-left-radius: 10px;
            -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            -moz-border-radius-bottomright: 10px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }
        div.shopping-cart div.itemContainer div {
            display: inline-block; 
            width: 86%;
            text-align: left;
            }
    
            div.shopping-cart div.itemContainer div a {
                display: block;
            }
        div.shopping-cart div.itemContainer span.remove {
            background-image: url(../layout/icon-close-dark.png);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block;
            margin: 0px 5px 0px 0;
            width: 20px;
            height: 20px;
            text-indent: -9999px;
            overflow: hidden;
            position: relative;
            top: 12px;
            float: right;
        }
            div.shopping-cart div.itemContainer span.remove b {
                display: none;
            }
            
div.shop-footer {
    display: block;
    padding: 0 0 50px;
    margin: 40px 0 0;
    width: auto;
    text-align: center;
}
    div.shop-footer ul,
    div.shop-footer ul li {
        width: auto;
        margin: 0 auto;
        padding: 5px;
        text-align: center;
    }
        div.shop-footer ul li a {
            color: #498bd0;
            display: block;

            padding: 10px 10px 10px 30px;
            background-size: 25px auto;
            background-repeat: no-repeat;
            background-position: left center;
        }
            div.shop-footer ul li a.delivery {
                background-image: url(../layout/icon-deliveries.png);
            }
            div.shop-footer ul li a.returns {
                background-image: url(../layout/icon-returns.png);
            }



a.triggershopmenu {
    color: #fff;
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    -khtml-border-radius: 4px;
    padding: 6px 10px 6px 30px;
    margin: 5px 0px 5px 5px;
    background-image: url(../layout/icon-menu.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s; 
}
    a.triggershopmenu.active {
        background-image: url(../layout/icon-close.png);
        background-size: 20px;
        -webkit-transition: all 100ms ease 0s;
        -moz-transition: all 100ms ease 0s;
        -o-transition: all 100ms ease 0s;
        transition: all 100ms ease 0s; 
    }


ul.advertisements {
    display: block;
    padding: 0 0;
    margin: 0 auto;
    clear: both;
    list-style-type: none;
}
    ul.advertisements:after {
        display: block;
        width: 100%;
        padding: 0px;
        margin: 0px;
        height: 1px;
        clear: both;
        content: "";
    } 
ul.advertisements li {
    display: block;
    padding: 0 0 30px;
    margin: 0 0 0 3%;
    list-style-type: none;
    text-align: center;
}
    ul.advertisements ol {
        display: block;
        width: auto;
        margin: 0;
        padding: 10px 0 20px;
    }    
    ul.advertisements li li {
        display: block;
        width: 96%;
        margin: 0 2%;
        padding: 4px 8px;
        text-align: left;
        background-image: url('../layout/bullet-arrow-blue-small.png') !important;
        background-position: left 2px;
        background-repeat: no-repeat;
        padding: 0px 0px 6px 19px;
        margin: 0px 0px 7px;
        line-height: 1.4em;
        background-size: auto 12px;
        text-align: left;
        float: none !important;
        }
    ul.advertisements li h2 a:hover,
    ul.advertisements li h3 a:hover,
    ul.advertisements li h4 a:hover,
    ul.advertisements li h5 a:hover {
        text-decoration: none;
    }

div.image-container {
    display: block;
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 0px auto;
    text-align: center;
}
    div.image-container img {
        width: 90%;
        height: auto;
        margin: 0 5%;
        position: relative;
        z-index: 0;
    }
    div.productContainer img,
    div.image-container.crate img,
    div.product-page div.image-container img {
        max-width: 240px;
    }
    div.productContainer div.image-container,
    div.product-page div.image-container {
        margin-top: 15px !important;
    }
div.add-to-basket {
    display: block;
    text-align: center;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px; 
    -khtml-border-radius: 9px;
    color: #fff;
    margin: 0;
    z-index: 0;
    padding: 0;
    box-sizing: border-box;
    
    background-position: 7px center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    /*width: 38%;
    float: left;*/
    position: relative;
    }
    div.add-to-basket img {
        width: 100%;
        /*max-width: 250px;*/
        
    }
    div.add-to-basket input {
        border: none;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px; 
        -khtml-border-radius: 4px;
        margin: 0 3px 0;
        border: 1px solid #cedaf1;

    }
    div.add-to-basket button {
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        border-radius: 18px; 
        -khtml-border-radius: 18px;
        padding: 12px 16px;
        font-size: 0.9em;
        display: block;
        width: 100%;
        box-sizing: border-box;
        background-image: url(../layout/cart/basket_white_add-to.png);
        background-position: left center;
        background-repeat: no-repeat;
        color: #fff !important;
        outline: none;
        margin: 10px auto auto;
        background-color: #01619e !important;
        max-width: 250px;
    }
        div.add-to-basket button:hover {
            opacity: 0.9;
            filter: alpha(opacity=90);
        }
        div.add-to-basket button:active {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }
    div.add-to-basket div.quantity {
        background-color: #cedaf1;
        display: block;
        box-sizing: border-box;
        padding: 14px;
        text-align: center;
    }
    div.add-to-basket div.image-container {
        width: 100% !important;
        border: 1px solid #cedaf1;
        position: relative;
        margin: 0 0 8px;
        padding: 0;
        width: 100%;
        max-width: initial !Important;
    }
        div.add-to-basket div.image-container.white {
            background-color: #fff;
        }
        div.add-to-basket div.image-container.lightgrey {
            background-color: #f6f9fc;
        }
        div.add-to-basket div.image-container img {
            width: 80%;
            max-width: 250px;
            float: none;
        }
.other_information {
    display: block;
    text-align: center;
    margin: auto;
    padding: 0 0 50px;
}
    .other_information div {
        display: inline-block;
        padding: 5px;
        width: 32%;
        max-width: 350px;
        box-sizing: border-box;
        
    }
        .other_information div.country_restrictions {
            width: 100%;
            display: block;
            max-width: initial;
        }
        .other_information div.country_restrictions ul {
            max-width: 900px;
            margin: auto;
        }
    .other_information a,
    .other_information h2 a,
    .other_information h3 a,
    .other_information h4 a,
    .other_information h5 a {
        color: #004a8a;
        text-decoration-line: none;
    }
        .other_information h2,
        .other_information h3,
        .other_information h4,
        .other_information h5,
        .other_information h3 a {
            font-size: 16px !important;
        }
    .other_information a:hover,
    .other_information h3 a:hover {
        color: #0185cd !important;
    }
    .other_information ol,
    .other_information ul,
    .other_information li {
        list-style-type: none;
    }
    .other_information li {
        padding: 5px 0;
    }
        .other_information.countries li {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
        }
    .other_information .title {
        font-family: Roboto;
        font-weight: 300 !important;
        color: #004a8a;
        display: block;
        padding: 0 0 12px;    
        font-size: 14px !important;
        text-transform: uppercase;
    }

ul.two_column {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
 }
ul.three_column {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
ul.four_column {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
}
div.two-product-col {
    display: block;
    padding: 10px 0 0;
    clear: both;
    width: 98%;
    margin: 0 1%;
}

    div.two-product-col div.product-page {
        box-sizing: border-box;
        padding: 0 1% !important;
    }
    div.two-product-col div.box.width65,
    div.two-product-col div.add-to-basket.width35 {
        width: 100% !important;
        float: none !important;
    }
    div.two-product-col div.box.width65 {
        margin-top: 8px !important;
    }

div.formatList {
    display: block;
    text-align: left;
    padding: 10px 0;
}
    div.formatList ul,
    div.formatList ol,
    div.formatList li {
        display: block;
        text-align: left;
    }
    div.formatList div {
        display: block;
        color: #42719a;
        padding-left: 12px;
        }
    div.formatList ul,
    div.formatList ol {
        padding: 12px 0 !important;
    }
    div.formatList li {
        padding: 2px 0 0 22px !important;
        margin-bottom: 10px !important;
        background-image: url(../layout/icon-navigate-has-sub.png);
        background-position: left top;
        background-repeat: no-repeat;
        }
        
span.productPrice {
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; 
    -khtml-border-radius: 50%;
    color: #fff;
    text-align: center;
    padding: 16px;
    min-width: 60px;
    position: absolute;
    top: 0; 
    right: 0;
    z-index: 9;
}
    span.productPrice b,
    span.productPrice strong {
        color: #fff !important;
        display: block;
        text-align: center;
        font-size: 1.4em;
    }
div.product-description {
    width: auto;
}

section.shoparea table.standard {
    margin-left: auto !important;
    margin-right: auto !important;
}

section.shoparea table.products tr td {
    padding: 10px 5px;
    vertical-align: top;
    text-align: left;
}
    section.shoparea table.products.standard td {
        vertical-align: middle !important;
    }
    
     
    section.shoparea table.products tr td.id,
    section.shoparea table.products tr td.dims,
    section.shoparea table.products tr td.view,
    section.shoparea table.products tr td.input {
        text-align: center !important;
    }
section.shoparea table.products tr td:first-of-type {
    white-space: nowrap;
    font-family: arial;
    width: 50px;
    font-weight: bold;
}
section.shoparea table.products tr td.first {

}
div.productContainer {
    margin: auto;
    display: inline-block;
    position: relative;
    z-index: 0;
}
    div.productContainer h2 {
        text-align: center;
    }

h1.section-head {
    color: #fff !important;
}

ul.checklist,
ul.downloadlist {
    display: block;
    padding: 20px 0 0;
    text-align: center;
    list-style-type: none;
}
    ul.checklist li,
    ul.downloadlist li {
        display: inline !important;
        white-space: pre-line !important;
        background-repeat: no-repeat;
        background-size: 20px auto;
        background-position: left center;
        padding: 10px 0px 10px 25px !important;
        margin: 5px auto;
        list-style-type: none;
        clear: both;
    }
    
    ul.checklist li {
        background-image: url(../layout/icon-tick.png);
    }

    ul.downloadlist li {
        background-image: url(../layout/icon-download.png);
    }
        div.productContainer ul.downloadlist {
            text-align: left !important;
        }

a.productinfo.more:before {
    Content:"";
}
a.productinfo.more.active span {
    display: none;
}
a.productinfo.more.active:after {
    display: inline-block;
    padding: 6px 12px;
}

div.product-page {
    margin: auto;
    max-width: 1150px;
    display: block;
    padding: 30px 0 70px;
}
    div.product-page div.description {
        display: block;
        font-size: 0.85em;
        text-align: left;
        font-family: Verdana;
        padding: 10px 0 0;
    }
        div.product-page div.description ul.bullet {
            font-size: 1.2em;
        }
    div.product-page table {
        margin-top: 40px;
    }
table#crateCalculator {
    margin: 15px auto 0;
    text-align: center;
}
    table#contentDescription {
        white-space: nowrap;
        margin: 15px auto 0;
        text-align: center;
    }
    table#contentDescription td {
        padding: 5px 0;
        text-align: left;
        width: auto;
    }
    table#contentDescription label {
        font-size: 1.1em;
        white-space: nowrap;
        text-align: right;
    }
input.weight-input {
    max-width: 130px;
}
section.banner.media.air-freight h1 {
    text-align: center !important;
    padding: 40px 0 60px;
}
.quoteform.airfreight,
.quoteform.airfreight div {
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    text-align: center;
    font-family: "Roboto";
}
    .quoteform.airfreight div.destination {
        width: 98%;
        margin: 0 auto;
        max-width: 750px;
        position: relative;
        height: 100%;
    }
    .quoteform.airfreight div.airport_code {
        background-color: #fff;
        float: left;
        height: 73px;
    }
        .quoteform.airfreight div.airport_code input {
            position: absolute;
            top: 0;
            bottom: 1px;
            left: 0;
            right: 0;
            text-align: center;
            border: none !important;
            font-size: 22px;
            text-transform: uppercase;
            font-family: "RobotoBold";
            min-height: 73px;
        }
            .quoteform.airfreight div.airport_code a {
                display: none;
            }
        .quoteform.airfreight div.country_selector label,
        .quoteform.airfreight div.airport_code label {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            text-align: left;
            padding: 0 0 5px;
            transform: translateY(-130%);
        }
        .quoteform.airfreight div.airport_code,
        .quoteform.airfreight div.airport_code input,
        .quoteform.airfreight div.airport_code label {
            width: 180px;
            text-align: center;
        }
            .quoteform.airfreight div.airport_code,
            .quoteform.airfreight div.country_selector {
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                border-radius: 8px;
                -khtml-border-radius: 8px;
            }
            .quoteform.airfreight input,
            .quoteform.airfreight select {
                background-color: transparent;
            }
    .quoteform.airfreight div.option_seperator {
        width: 100px;
        color: #fff;
        font-size: 25px;
        position: absolute;
        left: 180px;
        top: 0;
        bottom: 0;
    }
    .quoteform.airfreight div.option_seperator span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .quoteform.airfreight div.country_selector {
        width: auto;
        background-color: #fff;
        position: absolute;
        left: 280px;
        right: 0;
    }
    .quoteform.airfreight .row_options {
        display: block;
        width: 100%;
        border-bottom: 1px dashed #bac9e5;
    }
        .quoteform.airfreight .row_options:last-of-type {
            border-bottom: none;
        }
        .quoteform.airfreight .row_options select {
            width: 100%;
            border: none;
            padding: 10px;
        }

    .quoteform.airfreight label {
        font-size: 14px;
    }
    .quoteform.airfreight .type {
        display: block;
        padding: 35px 0 35px 0;
        width: 98%;
        max-width: 750px;
        margin: auto;
    }
section.banner.air-freight .quoteform.airfreight .type label,
section.banner.air-freight .quoteform.airfreight .type div.options {
    display: inline-block !important;
    padding: 0 10px;
}
    .quoteform.airfreight .RadioOptions {
        text-align: left;
        display: block;
        box-sizing: border-box;
        padding: 20px;
        background: linear-gradient(to left, transparent, #000);
        -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px
    }
        .quoteform.airfreight .type .options label {
            text-align: left;
            position: relative;
            padding: 0 20px 0 5px;
        }
            .quoteform.airfreight .type .options label:after,
            .quoteform.airfreight .type .options label:before {
                content: "";
                display: block;
                width: 20px;
                height: 20px;
                background-color: #fff;
                position: absolute;
                left: -20px;
                top: 50%;
                transform: translateY(-50%);
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                -khtml-border-radius: 50%;
            }
            .quoteform.airfreight .type .options label:after {
                width: 12px;
                height: 12px;
                left: -16px;
                background-color: #b6b6b6;
            }
        .quoteform.airfreight .type .options input[type="radio"]:checked + label:after {
            background-color: #42d15a;
        }
    .quoteform.airfreight .consignment_info {
        max-width: 750px;
        width: 98%;
        margin: auto;
    }
        .quoteform.airfreight .consignment_info .NoItems {

            width:20%;
            float: left;
        }
            .quoteform.airfreight .consignment_info .NoItems label,
            .quoteform.airfreight .consignment_info .NoItems select {
                display: block;
                width: 100%;
                border: none;
            }
        .quoteform.airfreight .consignment_info .Dimensions {
            width: 80%;
            display: block;
            float: left;
        }
            .quoteform.airfreight .consignment_info .Dimensions table {
                width: 100%;
                display: table;
            }
        .quoteform.airfreight .consignment_info th {
            color: #fff;
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            text-shadow: 1px 1px #000;
            font-family: "Roboto";
            padding-bottom: 8px !important;
        }
            .quoteform.airfreight .consignment_info th,
            .quoteform.airfreight .consignment_info .NoItems label {
                padding-bottom: 8px;
            }
            .quoteform.airfreight .consignment_info th.itemNo,
            .quoteform.airfreight .consignment_info td.packageCount {
                display: none;
            }
        .quoteform.airfreight .consignment_info select,
        .quoteform.airfreight .consignment_info input[type="text"] {
            padding: 16px 14px;
            box-sizing: border-box;
            border: none;
            text-align: center;
        }
            .quoteform.airfreight .consignment_info td select {
                width: 100%;
                background-color: #fff;
                border: none !important;
            }
        .quoteform.airfreight .consignment_info td input[type="text"] {
            width: 100%;
            background-color: #fff;
            border: 1px dashed #bac9e5 !important;
            border-left: none !important;
            border-top: none !important;
            border-bottom: none !important;
        }
        .quoteform.airfreight .consignment_info td select {
            padding-right: 22px !important;
            border-right: 1px dashed #bac9e5 !important;
        }
        .quoteform.airfreight .consignment_info .NoItems select {
            background-color: #fff;
            -webkit-border-top-left-radius: 8px;
            -moz-border-radius-topleft: 8px;
            border-top-left-radius: 8px;
            -webkit-border-bottom-left-radius: 8px !important;
            -moz-border-radius-bottomleft: 8px !important;
            border-bottom-left-radius: 8px !important;
            border-right: 1px dashed #bac9e5 !important;
        }
    .quoteform.airfreight .dimensions td,
    .quoteform.airfreight .dimensions th {
        padding: 0;
        width: 18%;
        box-sizing: border-box;
    }
        .quoteform.airfreight .dimensions td.itemtype {
            width: 30%;
        }
        .quoteform.airfreight .dimensions td.length,
        .quoteform.airfreight .dimensions td.width,
        .quoteform.airfreight .dimensions td.height,
        .quoteform.airfreight .dimensions td.weight {
            max-width: 110px;
        }
    .quoteform.airfreight table.dimensions td.last input,
    .quoteform.airfreight table.dimensions td.last select {
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0;
    }
    .quoteform.airfreight table.dimensions tbody tr:last-of-type td.last input {
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        border-bottom-right-radius: 8px;
    }
    .quoteform.airfreight table.dimensions tbody tr:last-of-type td select {
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-bottom-left-radius: 8px;
    }
    .quoteform.airfreight table.dimensions tbody tr:first-of-type td select {
        -webkit-border-bottom-left-radius: 0 !important;
        -moz-border-radius-bottomleft: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .quoteform.airfreight table.dimensions tbody tr:first-of-type td.last input {
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        border-top-right-radius: 8px;
    }
div.quoteform.airfreight div.formSubmit {
    width: 100% !important;
    padding-top: 35px;
}

section.quoteResults {
    display: block;
    padding: 8px 0;
    margin: 0;
}

    section.quoteResults h3 {
        display: block;
        text-align: center;
        color: #fff !important;
        margin: 0;
        padding: 10px 0 5px;
    }
section.quoteResults ul {
    display: block;
    text-align: center;
}
    section.quoteResults ul li {
        color:#9ccde7;
        text-align: center;
        display: inline-block !important;
        padding: 10px 6px;
        font-size: 1.1em;
    }

        section.quoteResults ul li strong {
            color: #fff;
            text-align: center;
            font-size: 1.3em;
            display: block;
        }
            section.quoteResults ul li strong span.small {
                font-size: 0.6em;
            }

div.important-notice {
    margin: 0px;
    width: auto;
    padding:0px;
    text-align: center;

}
div.important-notice div {
    display: inline-block;
    margin: 0 auto;
    
    margin: 0px;
    width: auto;
    padding: 20px 0 20px 70px;
}
    div.important-notice div b,
    div.important-notice div span {
        display: block;
        text-align: left;
        font-weight: normal;
    }
            div.important-notice div b {
                display: inline-block;
                padding: 15px 0px 5px 40px;
                font-size: 1.4em;
                background-image: url("../layout/icon-phone-medium.png");
                background-repeat: no-repeat;
                background-position: left center;
                background-size: 40px auto;
            }
            div.important-notice div span {
                padding: 0px;
                width: 100%;
            }
span.separator:after {
    content:",";
}

div.carrier-badge-container {
    display: block;
    padding: 30px 0 10px;
}

div.notification {
    display: block;
}
div.notification ul {
    display: block;
    padding: 12px 0px;
    margin: 0;
    list-style-type: none;
    width: 90%;
    margin: auto 5%;
    text-align: center;
}
    div.notification.icon ul li {
        padding: 10px 0 10px 32px;
        display: inline-block;
        background-image: url(../layout/icon-alert-notice-yellow.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 22px;
        font-size: 1em;
        font-family: "Roboto" !important;
        font-weight: 300 !important;
        font-size: 16px;
    }
    div.notification,
    div.notification a {
        color: #fff;
        text-decoration: none;
    }
        div.notification span.button {
            display: inline-block;
            margin: 3px 0 3px 8px;
            border: 1px solid #fff;
                color: #fff;
            cursor: pointer;
            padding: 2px 6px;
            -moz-border-radius: 7px ;
            -webkit-border-radius: 7px ;
            border-radius: 7px ; 
            -khtml-border-radius: 7px ;
            font-size: 0.85em;
        }
        div.notification.clatterbridge {
            background-color: #016a70;
            padding: 0px 0;
            background-image: url(../layout/logo-clatterbridge-charity.png);
            background-repeat: no-repeat;
            background-position: left center;
        }
            div.notification.clatterbridge ul {
            background-image: url(../layout/logo-clatterbridge-appeal.png);
            background-repeat: no-repeat;
            background-position: right center;
            width: 100% !important;
            margin: 0 !important;
            padding: 24px 0px;
            }
                div.notification.clatterbridge ul li {
                    padding: 0 80px 0 110px; 
                    box-sizing: border-box;
                }
ul.help-steps,
ul.how-it-works,
ul.how-it-works li {
    list-style-type: none;
    background-image: none !important;
    text-align: center;
}
ul.help-steps,
ul.how-it-works {
    display: block;
    margin: 0 auto;
    text-align: center;
}
    ul.how-it-works li {
        display: block !important;
        padding: 10px 0px;
        margin: 10px auto 50px;
        background-color: #fff;
    }
        ul.how-it-works li span,
        ul.how-it-works li div {
            display: inline-block;
            vertical-align: middle;
            padding: 0;
            margin: 0 5%;
            width: 90%;
            
        }
        ul.how-it-works li div {
            text-align: center;
            max-width: 310px;
        }
        ul.how-it-works li span {
            width:auto;
            text-align: center;
            padding-bottom: 8px;
        }
            ul.how-it-works li div img {
                width: 95%;
                height: auto;
                margin: 0;
                float: none;
            }
            
    ul.help-steps li {
        text-align: left;
        display: block;
        width: auto;
        padding: 30px 30px 30px;
        margin: 20px 0;
        background-color: #fff;
        background-color: rgba(255,255,255,0.7);
        box-shadow: 0px 0px 5px #d9e3ec;
        -moz-border-radius: 22px ;
        -webkit-border-radius: 22px ;
        border-radius: 22px ; 
        -khtml-border-radius: 22px ;
    }
        ul.help-steps li span {
            display: block;
            margin: 10px 0;
        }
        ul.help-steps li img {
            width: auto;
            max-width: 90%;
        }
        ul.help-steps li h2,
        ul.help-steps li h3,
        ul.help-steps li h4 {
            margin-top: 0px !important;
            }

table.collection-info td {
    padding: 10px;
}

table.insurance th,
table.insurance td,
table.vat-no-formats td {
    width: 50%;
}
    table.vat-no-formats td span {
        display: block;
        padding: 8px 0;
        }
div.help-container {
    display: block;
    width: auto;
    padding: 0 20px 30px;
    background-color: #fff;
    clear: both;
}
    div.help-container p {
        display: block !important;
        color: #555 !important;
        }
    div.help-container img {
        max-width: 95%;
        height: auto;
    }
div#compatibilityModeWarning {
    display: block;
    text-align: center;
    padding: 10px 0;
    background-color: #fffdf0;
    color: #8f7142;
    font-size: 0.85em;
    line-height: 1.2em;
    font-weight: bold;
    font-family: arial;
}

div.hazardLabels {
    display: block;
    width: 90%;
    margin: 0px auto 20px;
    max-width: 380px;
    text-align: center;
}
    div.hazardLabels img {
        width: 100%;
    }
    div.hazardLabels b {
        display: block;
        text-align: left;
        padding-left: 0px !important;
    }
ul.world-map {
    width: 674px;
    height: 326px;
    padding: 0px !important;
    margin: 0px !important;
    background-image: url(../layout/illustration-world-map.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    font-size: 0.7em;
    z-index: 0;
}

    ul.world-map.large {
        display: block;
        background-image: url(../layout/illustration-world-map-large.png);
        width: auto;
        height: 458px;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        font-size: 0.7em;
        z-index: 10;
        padding: 0px !important;
        margin: 0px !important;
    }

    ul.world-map li {
        display: block;
        position: absolute;
        padding: 0px;
        margin: 0px;
        z-index: 0;
    }
        ul.world-map li a {
            text-decoration: none;
        }
        ul.world-map li:hover, ul.world-map li:active, ul.world-map li:focus {
            z-index: 500;
        }

        ul.world-map li a img {
            position: relative;
            z-index: 0;
            width: 28px;
            height: 28px;
            float: left;
        }

        ul.world-map li a:hover img, ul.world-map li a:active img, ul.world-map li:hover img, ul.world-map li:active img {
            position: relative;
            z-index: 1000 !important;
            width: 32px !important;
            height: 32px !important;
        }

        ul.world-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;
            text-decoration: none !important;
        }

        ul.world-map li a:active span, ul.world-map li a:hover span, ul.world-map li:hover a span, ul.world-map li:active a span, ul.world-map li:focus a span {
            z-index: 1000 !important;
            visibility: visible !important;
            display: block !important;
            text-decoration: none !important;
        }

        ul.world-map li a.quoteLink {
            display: none;
        }

        ul.world-map li:hover a.quoteLink, ul.world-map li:focus a.quoteLink, ul.world-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;
            text-decoration: none !important;
        }
div.checkboxTbl ul {
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    text-align: left;
}
    div.checkboxTbl ul li {
        padding: 6px;
    }


.ui-datepicker-prev span.ui-icon {
    background-image: url(../layout/date-picker-left.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    }
.ui-datepicker-next span.ui-icon {
    background-image: url(../layout/date-picker-right.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    }
a.ui-state-highlight {
    color: #fff !important;
}
ul.radio-list {
    list-style-type: none;
    text-align: left;
}
    ul.radio-list li {
        padding: 4px 0;
    }
        ul.radio-list li input[type=radio] {
            position: relative;
            top: 2px;
        }
        ul.radio-list li label {
            display: inline-block;
            padding-left: 5px;
        }
div#divSameDayMessage p {
    text-align: center !important;
}

div.jqistates span {
    font-weight: normal;
    font-size: 1.1em;
}
    div.jqistates span.ConfirmationTitle {
        display: block;
        font-size: 1.2em;
    }
    div.jqistates span.bullet {
       font-size: 1em;
    }

div.popupcontent {
    width: 95%;
    margin: 0 2.5%;
}
    div.popupcontent p {
        color: #555;
        display: block;
        
        width: 90%;
    }
        div.popupcontent p:first-of-type {
            margin-top: 18px !important;
        }
    div.popupcontent div.remote-checker {
        margin-left: auto !important;
        margin-right: auto !important;
    }
        div.popupcontent table.tblCheckRemote {
            margin: auto !important;
        }
            div.popupcontent table.tblCheckRemote td {
                vertical-align: top;
            }
            div.popupcontent table.tblCheckRemote td div {
                text-align: left;
            }
                div.popupcontent table.tblCheckRemote td div label {
                    font-weight: bold;
                    display: inline-block;
                    padding: 12px 0 5px;
                    color: #00538E;
                    font-size: 0.9em;
                    width: 45%;
                    text-align: right;
                }
                div.popupcontent table.tblCheckRemote td div span.country {
                    white-space: nowrap;
                    display: inline-block;
                    width: 50%;
                    text-align: left;
                    padding: 5px 0 0;
                    font-weight: bold;
                    color: #498bd0;
                    font-size: 0.95em;
                }
                div.popupcontent table.tblCheckRemote td input[type=text] {
                    margin: 0px 0px 6px 0px !important;
                    width: 45%;
                    text-align: center;
                    max-width: 120px !important;
                }
div.remote-results {
    display: block;
    clear: both;
    padding: 0;
    margin: 0;
}
    div.remote-results div.remote-info {
        display: inline-block;
        text-align: center;
        padding: 10px 0;
    }
        div.remote-results div.remote-info span {
            display: block;
            font-size: 0.9em;
            padding: 5px 0;
        }
            div.remote-results div.remote-info span b {
                display: block;
                color: #115fb2 !important;
                padding-bottom: 4px;
            }
input.button.light-blue {
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
    color: #fff;
    font-size: 1em;
    padding: 2px 8px !important;
}
.button.light-blue b {
    display: block;
    text-align: center;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 0.9em;
}
div.error p {
    text-align: center !important;
}

span.noQuoteFound {
    line-height: 3em;
}

span.vatno,
span.vatno a,
span.companyno,
span.companyno a {
    color: #fff !important;
}

table.order-details td.FormTableLabel {
    white-space: nowrap;
}

div.make-payment {
    padding: 20px 0;
}

div.make-payment table {
    margin-left: auto !important;
    margin-right: auto !important;
}
div.make-payment table {
    margin-top: 10px;
}    
div.make-payment table td {
        text-align: left;
        vertical-align: top !important;
        padding: 6px !important;
        font-weight: bold;
    }

div.controls {
    display: block;
    padding: 17px 0;
    text-align: right;
    position: fixed;
    bottom: 0px;
    width: 100%;
}
    div.controls input {
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance:none;
        appearance: none;
        border: none;
        padding: 8px 14px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px; 
        -khtml-border-radius: 15px;
        background-color: #fff;
        background-repeat: no-repeat;
    }
        div.controls input.decline {
            float: left;
            margin-left: 5%;
            background-image: url(../layout/icon-delete-dark.png);
            background-position: 5px center;
            padding-left: 30px;
        }
        div.controls input.accept {
            margin-right: 5%;
            background-image: url(../layout/btn-icon-arrow-right.png);
            background-position: right center;
            padding-right: 37px;
        }
div.ContentPage_Content.Prompt {
    padding-bottom: 70px !important;
}

section.banner.dhl,
section.banner.ups,
section.banner.tnt,
section.banner.dpd,
section.banner.courier {
    display: block;
    text-align: center;
}
    section.banner.dhl h3,
    section.banner.dhl h2,
    section.banner.dhl h1,
    section.banner.ups h3,
    section.banner.ups h2,
    section.banner.ups h1,
    section.banner.tnt h3,
    section.banner.tnt h2,
    section.banner.tnt h1,
    section.banner.dpd h3,
    section.banner.dpd h2,
    section.banner.dpd h1,
    section.banner.usps h3,
    section.banner.usps h2,
    section.banner.usps h1,
    section.banner.ebay h3,
    section.banner.ebay h2,
    section.banner.ebay h1,
    section.banner.amazon h3,
    section.banner.amazon h2,
    section.banner.amazon h1,
    section.banner.courier h3,
    section.banner.courier h2,
    section.banner.courier h1,
    section.banner.ecommerce h3,
    section.banner.ecommerce h2,
    section.banner.ecommerce h1,
    section.banner.intra_europe h3,
    section.banner.intra_europe h2,
    section.banner.intra_europe h1 {
        display: inline-block;
        text-align: center;
        padding: 5px 15px;
        clear: both;
        font-size: 2.4em;
    }
section.banner.tyres {
    background-image: url(../layout/tread.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
span.token {
    display: inline-block;
    padding: 10px;
    background-color: #498bd0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius:50%;
    -khtml-border-radius: 50%;
    border: 2px solid #9ccde7;
}
span.token span {
    display: block;
    padding: 0px 12px 4px;
    background-color: #f6f9fc;
    color: #115fb2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius:50%;
    -khtml-border-radius: 50%;
    font-weight: normal;
    font-size: 28px;

}
div#divPostcodesRequiredContent label {
    display: block;
    padding: 3px 0px 6px;
    font-size: 0.9em;
}


.map-container ul {
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
    .map-container li {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: left top;
        text-align: left;
        padding: 0px 0px 0px 8px;
        margin: 0px;
        position: absolute;
        z-index: 0;
        -webkit-transition: all 100ms ease 0s;
        -moz-transition: all 100ms ease 0s;
        -o-transition: all 100ms ease 0s;
        transition: all 100ms ease 0s; 
    }
        .map-container li div {
            display: none;
            background-color: #f6f9fc;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px; 
            -khtml-border-radius: 8px; 
            padding: 5px 10px;
            border: 1px solid #498bd0; 
            -webkit-transition: all 100ms ease 0s;
            -moz-transition: all 100ms ease 0s;
            -o-transition: all 100ms ease 0s;
            transition: all 100ms ease 0s; 
            width: 160px;
        }
            .map-container.countryInfo li div {
                position: relative;
                top: -25px;
            }
        .map-container li.current div {
            visibility: visible;
            display: inline-block;
            -webkit-transition: all 100ms ease 0s;
            -moz-transition: all 100ms ease 0s;
            -o-transition: all 100ms ease 0s;
            transition: all 100ms ease 0s; 
        }
        .map-container li:hover,
        .map-container li.current {
            z-index: 100 !important;
        }
            .map-container li:hover div {
                    display: block;
                }
        .map-container li a,
        .map-container li a:hover {
            text-decoration: none;
        }
        .map-container li h3 {
            padding: 4px 0px 4px 30px !important;
            margin: 0px !important;
            font-size: 1.1em;
            background-repeat: no-repeat;
            background-position: left top;
        }
        .map-container li.US {
            display: inline-block !important;
            top: 130px;
            left: 130px;
        }
        .map-container li.GB {
            display: inline-block !important;
            top: 100px;
            left: 285px;
        }
        .map-container li.AE {
            display: inline-block !important;
            top: 164px;
            left: 400px;
        }
        .map-container li.TW {
            display: inline-block !important;
            top: 165px;
            left: 524px;
        }
        .map-container li.SE {
            display: inline-block !important;
            top: 80px;
            left: 334px;
        }
        .map-container li.ES {
            display: inline-block !important;
            top: 125px;
            left: 294px;
        }
        .map-container li.ZA {
            display: inline-block !important;
            top: 258px;
            left: 346px;
        }
        .map-container li.SG {
            display: inline-block !important;
            top: 209px;
            left: 480px;
        }
        .map-container li.SA {
            display: inline-block !important;
            top: 160px;
            left: 380px;
        }
        .map-container li.PT {
            display: inline-block !important;
            top: 132px;
            left: 290px;
            z-index: 1;
        }
        .map-container li.NO {
            display: inline-block !important;
            top: 75px;
            left: 318px;
        }
        .map-container li.NG {
            display: inline-block !important;
            top: 194px;
            left: 316px;
        }
        .map-container li.NZ {
            display: inline-block !important;
            top: 294px;
            left: 615px;
        }
        .map-container li.NL {
            display: inline-block !important;
            top: 94px;
            left: 315px;
        }
        .map-container li.MX {
            display: inline-block !important;
            top: 165px;
            left: 117px;
        }
        .map-container li.JP {
            display: inline-block !important;
            top: 135px;
            left: 554px;
        }
        .map-container li.IT {
            display: inline-block !important;
            top: 120px;
            left: 329px;
        }
        .map-container li.HK {
            display: inline-block !important;
            top: 158px;
            left: 509px;
        }
        .map-container li.DE {
            display: inline-block !important;
            top: 105px;
            left: 315px;
            z-index: 1;
        }
        .map-container li.FR {
            display: inline-block !important;
            top: 115px;
            left: 294px;
        }
        .map-container li.CZ {
            display: inline-block !important;
            top: 105px;
            left: 325px;
            z-index: 2;
        }
        .map-container li.CA {
            display: inline-block !important;
            top: 95px;
            left: 105px;
        }
        .map-container li.BE {
            display: inline-block !important;
            top: 109px;
            left: 299px;
            z-index: 2;
        }
        .map-container li.CN {
            display: inline-block !important;
            top: 150px;
            left: 480px;
        }
        .map-container li.AU {
            display: inline-block !important;
            top: 250px;
            left: 535px;
        }
        .map-container li.DK {
            display: inline-block !important;
            left: 330px;
            top: 90px;
        }
        .map-container li.BG {
            display: inline-block !important;
            top: 120px;
            left: 355px;
        }
        .map-container li.EE {
            display: inline-block !important;
            top: 88px;
            left: 342px;
        }
        .map-container li.BR {
            display: inline-block !important;
            top: 230px;
            left: 205px;
        }
        .map-container li.PL {
            display: inline-block !important;
            top: 100px;
            left: 345px;
        }
        .map-container li.IN {
            display: inline-block !important;
            top: 165px;
            left: 445px;
        }
        .map-container li.GR {
            display: inline-block !important;
            top: 125px;
            left: 333px;
        }
        .map-container li.AT {
            display: inline-block !important;
            top: 110px;
            left: 325px;
            z-index: 2;
        }
        .map-container li.RO {
            display: inline-block !important;
            top: 110px;
            left: 345px;
        }
        .map-container li.RU {
            display: inline-block !important;
            top: 85px;
            left: 475px;
        }
        .map-container li.UA {
            display: inline-block !important;
            top: 110px;
            left: 365px;
        }
        .map-container li.HU {
            display: inline-block !important;
            top: 105px;
            left: 340px;
        }
        .map-container li.EC {
            display: inline-block !important;
            top: 210px;
            left: 155px;
        }
        .map-container li.FI {
            display: inline-block !important;
            top: 70px;
            left: 355px;
        }
        .map-container li.TR {
            display: inline-block !important;
            top: 132px;
            left: 353px;
        }
        .map-container li.CH {
            display: inline-block !important;
            top: 111px;
            left: 299px;
        }
        .map-container li a.btn {
            float: right;
        }

.map-container.world {
    display: block;
    padding: 0px;
    background-color: transparent !important;
    }
    .map-container.world ul {
        width: 650px;
        height: 350px;
        background-image: url(../layout/bg-world-map.png);
    }
.map-container.world .button-container {
    position: relative;
    top: -20px;
}
.map-container.countryInfo li a.btn.white {
    float: left;
    }

div.dpd-predict-map {
    display: block;
    margin: 0 auto;
    width: 100%;
}
    div.dpd-predict-map ul {
        display: block;
        margin: 0 auto;
        padding: 319px 20px 30px;
        width: 100%;
        max-width: 600px;
        background-image: url('../layout/dpd-predict-coverage-areas.png');
        background-position: top center;
        background-repeat: no-repeat;  
    }
        div.dpd-predict-map ul li {
            padding: 8px 0px 8px 25px;
            display: inline-block;
            text-align: left;
            background-image: url('../layout/icon-dpd-logo.png');
            background-position: left center;
            background-repeat: no-repeat;
        }
.advert-dpd-predict {
    display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: contain;
        box-shadow: 0px 0px 5px #d9e3ec;
        background-color: #fff;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        -khtml-border-radius: 14px;
        padding-bottom: 8px;
}
    .advert-dpd-predict img {
        width: 100%;
        margin: 0;
        height: auto !important;
        max-width:450px;
        
    }


span.account-number {
    display: block;
    padding: 0 0 20px 0;
    text-align: center;
    font-size: 18px;
}
.table-list {
    display: block;
    margin: auto;
}
.table-list li {
    list-style-type: none;
    display: block;
    padding: 14px 14px 14px 35px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; 
    -khtml-border-radius: 12px;
    background-image: url(../layout/icon_folder.png);
    background-repeat: no-repeat;
    background-position: 8px 14px;

}
    .table-list li ul,
    .table-list li li {
        padding: 3px 0 3px 10px !important;
        margin: 0 !important;
        position: relative;
        font-size: 11px;
    }
    .table-list li ul {
        padding-left: 25px !important;
    }
    .table-list li.notes,
    .table-list li.track {
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 25px auto;
        background-image: none;
        position: relative;
    }
    .table-list li li:before {
        content: "";
        display: block;
        width: 10px;
        height: 12px;
        border-left: 1px dotted #668dad;
        border-bottom: 1px dotted #668dad;
        position: absolute;
        top: 0;
        left: -4px;
    }
    .table-list li li span {
        color: #498bd0;
        font-size: 11px;
    }
    
    /*.table-list li.note {
        background-image: url(../layout/icon_notebook.png);
    }
    .table-list li.track {
        background-image: url(../layout/icon_map_location.png);
    }*/
    div.code-container {
        display: block;
        padding: 0;
        margin: 25px auto 0;
        width: auto;
        padding: 10px 10px 15px;
        box-sizing: border-box;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -khtml-border-radius: 12px;
    }
    div.code-container h1,
    div.code-container h2,
    div.code-container h3,
    div.code-container h4,
    div.code-container h5 {
        display: block;
        margin: 0 !important;
        padding: 0 0 5px !important;
        color: #fff !important;
        font-size: 1.2em;
    }
    div.code-container div.inner {
        background-color: #fff;
        height: 100%;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px; 
        -khtml-border-radius: 8px;
    }

    div.code-container input,
    div.code-container a.apply {
        display: block;
        box-sizing: border-box;
        margin: 0;
        float: left;
        text-decoration: none;
        font-weight: bold;
        border: none;
        height: 100%;
    }
    div.code-container input {
        width: 70%;
        text-transform: uppercase;
        padding: 5px !important;
        font-size: 1.2em;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-left-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-left-radius: 6px;
    }
    div.code-container a.apply {
        width: 30%;
        text-align: center;
        color: #fff;
        background-color: #0e4d8e;
        border: 1px solid #fff;
        padding: 6px !important;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-top-right-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        border-bottom-right-radius: 6px;
    }
        div.code-container a.apply:hover,
        div.code-container a.apply:active,
        div.code-container a.apply:focus {
            background-color:#052e57;
        }
div.message-container {
    display: block;
    clear: both;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
}
span.success,
span.alert {
    display: block;
    width: auto;
    clear: both;
    padding: 9px 5px;
    margin: 0 auto 0px;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; 
    -khtml-border-radius: 6px;
    box-sizing: border-box;
    font-size: 0.95em;
    position: relative;
    top: 5px;
}

    span.success {
        background-color: #dff4d3;
        border: 1px solid #b6de9e;
        color: #49961b;
    }
    span.alert {
        background-color: #ffe6f1;
        border: 1px solid #eaa3c3;
        color: #b84076;
    }
        span.alert b {
            color: #b84076 !important;
        }
h1.flag img,
h2.flag img,
h3.flag img {
    position: relative;
    top: 12px;
    width: 55px;
    height: 55px;
}
span.capitalise {
    display: inline !important;
    text-transform: capitalize;
}
section.Uk span.capitalise,
section.Usa span.capitalise {
    text-transform: uppercase;
}
span.capitalise {
    display: inline-block !important;
    width: initial !important;
}
div.container-info {
    display: block;
    padding: 20px 10px;
    margin: auto;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px; 
    -khtml-border-radius: 18px; 
}
div.commodity-code-alert {
    display: block;
    /*border: 1px solid #498bd0;*/
    padding: 10px;
    margin: 15px 0.5%;
    background-color: #fff;
    border-top: 5px solid #e2eaf9;
    border-bottom: 5px solid #e2eaf9;
}
    div.commodity-code-alert a {
        background-color: #498bd0;
        color: #fff;
        -moz-border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        border-radius: 6px !important;
        -khtml-border-radius: 6px !important;
        padding: 5px 8px;
        font-style: normal;
        text-decoration: none;
        font-size: 0.9em;
        display: inline-block;
        font-weight: bold;
    }
    div.commodity-code-alert i {
        display: block;
        clear: both;
        font-family: arial;
        padding: 3px 0px;
        color: #668dad;
        line-height: 1.6em;
    }
        div.commodity-code-alert i:last-of-type {
            text-align: center;
        }
.validation-summary-valid ul {
    padding: 0px;
    margin: 0px;
}
div.tariff-search {
    display: none;
    width: 100%;
    padding: 12px 0px 12px;
    margin: 0px;
    text-align: center;
    box-shadow: 0px 2px 2px #444;
    -webkit-transition: all 300ms ease 0.1s;
    -moz-transition: all 300ms ease 0.1s;
    -o-transition: all 300ms ease 0.1s;
    transition: all 300ms ease 0.1s;
}

    div.tariff-search.active {
        display: block;
        position:fixed;
        top:0;
        z-index: 5000;
        -webkit-transition: all 300ms ease 0.1s;
        -moz-transition: all 300ms ease 0.1s;
        -o-transition: all 300ms ease 0.1s;
        transition: all 300ms ease 0.1s;
    }
    div.tariff-search form {
        padding: 0 25px;
    }
    div.tariff-search fieldset {
        padding: 0px;
        margin: 0px;
        border: none;
    }
    div.tariff-search label {
        color: #fff;
        font-size: 1.2em;
    }
    div.tariff-search input,
    div.tariff-search select {
        border: 1px solid #fff;
        max-width: 220px;
        width: 90%;
        margin: 5px auto;
    }
    div.tariff-search button {
        font-size: 13px !important;
        padding:  8px 10px !important;
    }
        div.tariff-search button.disable,
        div.tariff-search input[button].disable {
            opacity: 0.4;
            filter: alpha(opacity=40);
            background-color: transparent !important;

        }
    div.tariff-search span.close {
        display: inline-block;
        background-image: url(../layout/close-blue-box.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 22px;
        height: 22px;
        position: absolute;
        right: 5px;
        top: 5px;
    }
    div.tariff-search.hide {
        display: none !important;
    }
div.input-options {
    display: block;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
    div.input-options div {
        padding: 5px 0px;
    }
    div.input-options input[type="radio"] {
        display: inline-block !important;
        width: initial !important;
    }
    div.input-options label {
        color: #fff;
        padding: 0px 5px;
        position: relative;
        top: -2px;
        font-size: 0.9em;
    }
    div.input-options a {
        color: #a9c5e2 !important;
        background-image: url(../layout/options-down-arrow.png);
        background-position: right center;
        background-repeat: no-repeat;
        display: inline-block;
        padding: 3px 18px;
    }
        div.input-options a.active {
            background-image: url(../layout/options-up-arrow.png);
        }
div.input-options span img {
    position: relative;
    top: 3px;
}
div.banner div.tariff-search {
    display: block !important;
    box-shadow: none !important;
}
    div.banner div.tariff-search form {
        padding: 10px 0 20px !important;
        display: block;
    }
    div.banner div.tariff-search span.close {
        display: none !important;
    }
div.tool-help {
    display: block;
    padding: 10px 0px 0px;
}
    div.tool-help i {
        font-style: normal;
        }
div.hide-bold b {
    display: none;
}
div.contentarea.news {
    padding-top: 20px;
}
div.filterList {
    display: block;
    margin: 0px auto 10px auto !important;
    padding: 5px 0;
    text-align: center;
    position: relative;
    text-align: center;
    max-width: 400px;
    cursor: pointer;
}
    div.filterList ol,
    div.filterList ul {
        display: none;
        list-style-type: none;
        position: absolute;
        z-index: 50;
        Width: 100% !important;
        padding: 0px;
        margin: 0px !important;
        box-shadow: 0px 2px 7px #bccbdf;
        max-width: 400px;
    }
    div.filterList:hover ol,
    div.filterList:hover ul,
    div.contentarea.news div.filterList:hover ol,
    div.contentarea.news div.filterList:hover ul {
        /*display: block;
        border: 1px solid #e2eaf9 ;*/
        
    }

    div.filterList ul li {
        display: block;
        padding: 0px 0px;
        margin: 0px !important;
        background-color: #fff ;
        clear: both;
        width: 100% !important;
    }
        div.filterList ul li a {
            display: block;
            padding: 7px 12px;
            color: #666 !important;
            text-align: left;
            text-decoration: none;
            font-size: 0.9em;
            letter-spacing: 1px;
        }
            div.filterList ul li a:hover {
                color: #fff !important;
                background-color: #498bd0 !important;
            }
            div.filterList ul li a span.itemCount {
                float: right;
                font-size: 0.9em;
                }
    div.filterList h4 {
        font-size: 0.85em;
        padding: 10px 0px !important;
        border: 1px solid #dfdfdf;
        background-color: #fff ;
        color: #555 !important;
        display: block;
        max-width: 400px;
        margin: 0 auto;
        -moz-border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        border-radius: 6px !important;
        -khtml-border-radius: 6px !important;
        background-image: url(../layout/bg-icon-input-select.png);
        background-repeat: no-repeat;
        background-position: right center;
        letter-spacing: 2px;
        }

div.sectioned {
    display: block;
    padding: 0px;
    margin: 0px;
}
    div.sectioned div {
            padding-left: 20px ;
            padding-right: 20px ;
        }
        div.sectioned div:nth-of-type(even) {
            background-color: #e2eaf9;
            padding: 20px 20px 40px;
            margin: 75px 0px 75px;
            -moz-border-radius: 20px !important;
            -webkit-border-radius: 20px !important;
            border-radius: 20px !important;
            -khtml-border-radius: 20px !important;
        }
        div.sectioned div h2,
        div.sectioned div h3,
        div.sectioned div h4,
        div.sectioned div h5 {
            padding-top: 15px !important;
        }
div.ContentPage_Content {
    padding-top: 15px;
}
div.inline_letter {
    display: block;
    width: 80%;
    margin: 40px 10% 60px;
    padding: 200px 50px 120px;
    box-shadow: 0px 0px 6px 0px #b2bfd8;
    box-sizing: border-box;
    letter-spacing: 1px;
    max-width: 700px;
}

    div.inline_letter p:first-of-type:before {
        display: block;
        position: absolute;
        top: 30px;
        right: 30px;
        left: 40px;
        width: auto;
        padding: 20px;
        margin: 0 0 80px;
        color: #74819c;
        background-color: #e7ecf7;
        text-align: center;
        Font-size: 16px;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-family: "Roboto";
        font-weight: 300;
        border: 6px solid #e7ecf7;
        box-sizing: border-box;
        text-align: right;
    }
    div.inline_letter p:first-of-type:after {
        display: block;
        content: "";
        width: 100px;
        height: 100px;
        position: absolute;
        top: 10px;
        left: 20px;
        background-color: #e7ecf7;
        border: 10px solid #fff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
    }
div.inline_letter p {
    line-height: 2em;
}
div.information_page {
    width: 96%;
    margin: auto auto 40px;
    max-width: 1100px;
    padding-bottom: 80px !Important;
}
    div.information_page h1 {
        width: 90% !Important;
    }
div.information_page h2,
div.information_page h3,
div.information_page h4,
div.information_page h5 {
    margin-top: 50px !important;
    color: #004a8a !important;
    text-align: left;
}
    div.information_page .sectionhead {
        margin-top: 0 !important;
    }
    div.information_page h2 span,
    div.information_page h3 span,
    div.information_page h4 span,
    div.information_page h5 span {
        width: 100%;
        box-sizing: border-box;
    }
ul.help_list b,
ul.help_list strong,
div.information_page b,
div.information_page strong {
    color: #02548F !important;
}
    ul.help_list b,
    ul.help_list strong {
        font-size: 13px;
    }
ul.help_list,
div.information_page ul,
div.information_page ol {
    padding-top: 10px !important;
    list-style-type: none;
}
ul.help_list li,
div.information_page li, 
div.information_page table.standard td ul.bullet li {
        color: #02548F !important;
        list-style-type: none;
        background-image: none !important;
        position: relative !important;
        padding: 0px 0px 6px 19px !important;
        margin: 0px 0px 7px !important;
        line-height: 1.6em !important;
        font-size: 1em  !important;
}
    ul.help_list li:before,
    div.information_page li:before {
        content: "";
        display: block;
        background-color: #EC121B;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        position: absolute;
        top: 7px;
        left: 0;
        width: 7px;
        height: 7px;
    }
div.information_page ul.noBullet li {
    padding-left: 0 !important;
}
div.information_page ul.noBullet li:before,
div.information_page ul.icons li:before {
    display: none;
}
#previous_commodity_codes {
    display: inline-block;
    padding: 0;
    float: left;
    vertical-align:top;
    margin: 2% 1% 2% 2%;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #bac9e5;
	}
    #previous_commodity_codes h1 {
        margin-bottom: 0 !important;
    }
#prevCommodityCodeHeader {
		padding: 10px;
		background-color: #386eb1;
		color: #FFF;
        text-align: center;
	}
.prevCommodityCodeRow a, .prevCommodityCodeRow span {
			display: block;
			padding: 15px 10px;
			width: 100%;
            box-sizing: border-box;
            color: #02548F;
		}

			.prevCommodityCodeRow a:hover {
				background-color: #EEF4FF;
				text-decoration: none;
                color: #0185cd ;
			}
div.commodity_code_lookup {
    display: inline-block;
    padding: 0;
    margin: 2% 1% 2% 0;
    vertical-align:top;
    box-sizing: border-box;
    border: 1px solid #bac9e5;
    background-color: #fff;
    }

    div.commodity_code_lookup iframe {
    box-sizing: border-box;
    border: none;
    height: 490px !important;
    }
div.commodity_code_lookup h2 {
    background-color: transparent; 
    color: #004a8a !Important;
    margin: 0;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box;
}
table.countrysummary {
    padding: 0px;
    margin: 0px;
    width: 100%;
}
    table.countrysummary tr,
    table.countrysummary thead,
    table.countrysummary tbody {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    
    table.countrysummary th {
        padding: 10px 2%;
        margin: 0;
    }
    table.countrysummary tbody tr {
        clear: both;
    }

    table.countrysummary td {
        display: table-cell !important;
        padding: 10px 2%;
        margin: 0;
    }
        table.countrysummary td:nth-of-type(2) {
            text-align: right;
            width: 15%;
        }
/*.link_list {
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: "Roboto";
}
.link_list h5,
.link_list ol,
.link_list li {
    display: block;
    list-style-type: none;
    box-sizing: border-box;
    padding 0;
    margin: 0;
    position: relative;
}
    .link_list li {
        border: 1px solid #c0cbe0;
        border-top: none;
    }
        .link_list li a {
            color: #02548F;
            display: block;
            text-decoration: none;
            padding: 12px 0 12px 35px;
        }
        .link_list li img {
            position: absolute;
            left: 7px;
            top: 50%;
            transform: translateY(-50%);
        }
        .link_list li:nth-of-type(odd) {
            background-color: #e2eaf9;
        }
    .link_list h5 {
        border: 1px solid #c0cbe0;
        margin: 0 !important;
        font-size: 14px;
        padding: 8px 0 8px 30px !important;
    }
.left_column {
    float: left;
    width: 70%;
    display: block;
    box-sizing: border-box;
}
.right_column {
    float: left;
    width: 30%;
    display: block;
    box-sizing: border-box;
}*/
.downloads_tbl {
    display: block;
    width: auto;
    text-align: center;
    box-sizing: border-box;
    font-family: Roboto;
}
    .downloads_tbl table {
        text-align: center;
        margin: auto;
    }
        .downloads_tbl table td,
        .downloads_tbl table th {
            padding: 12px 8px;
            font-weight: 500;
            text-align: center;
        }
        .downloads_tbl table th {
            background-color: #296db3;
            color: #fff;
        }
        .downloads_tbl table td {
            color: #02548F !important;
        }
            .downloads_tbl table tr td:first-of-type,
            .downloads_tbl table th:first-of-type {
                text-align: left;
            }
        .downloads_tbl table tr td a {
            color: #0185cd;
        }
        .downloads_tbl table tr:nth-of-type(odd) {
            background-color: #e2eaf9;
        }
.trackingInfo {
    max-width: 800px;
    margin: auto;
    padding-top: 20px;
}
    .trackingInfo .note {
    font-size: 0.9em !important;
    }
div.carriers .trackingInfo {
    display: none;
}
div.container.labelSettings {
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
}
div.container.labelSettings ul,
div.container.labelSettings ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
    div.container.labelSettings dl,
    div.container.labelSettings dd {
        display: block;
        width: auto;
        margin: 0 auto;
        max-width: 400px;
    }
        div.container.labelSettings dd a.btn {
            display: block;

        }
    div.container.labelSettings dl {
        text-align: left;
    }
    div.container.labelSettings ul {
        display: block;
    }
        div.container.labelSettings ul li {
            display: inline-block;
            width: 49%;
        }
            div.container.labelSettings ul li label,
            div.container.labelSettings ul li label span {
                display: block;
                text-align: center;
            }
            div.container.labelSettings ul li label span {
                color: #054f95 !important;
                padding: 3px 20px 0;
            }
            div.container.labelSettings ul li label {
                background-color: #e7f3fe;
                border: 1px solid #cfe4f8;
                padding: 15px 0 20px;
                margin: 0;
                -moz-border-radius: 9px;
                -webkit-border-radius: 9px;
                border-radius: 9px;
                -khtml-border-radius: 9px;
                position: relative;
                opacity: 0.45;
                filter: alpha(opacity=45);
            }
                div.container.labelSettings ul li label.active {
                    background-color: #fff;
                    border: 1px solid #cfe4f8;
                    background-repeat: no-repeat;
                    background-position: 95% 8px;
                    background-image: url('../layout/tick_green.png');
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

    div.container.labelSettings input[type="radio"] {
        display: none;
    }
div.labelToggle dd,
div.labelToggle dt {
    margin-bottom: 10px;
}
div.labelToggle ul,
div.labelToggle li,
div.labelToggle span,
div.labelToggle a.btn {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    position: relative;
}
div.labelToggle ul {
    display: inline-block;
    padding: 8px 0px;
}
    div.labelToggle span.note,
    div.labelToggle span.clear {
        display: block !important;
    }
    div.labelToggle span.note,
    div.labelToggle a.btn span {
        top: 0px !important;
    }
    
div.labelToggle input[type=radio] {
    display: none;
}
div.labelToggle ul {
    font-size: 0;
}
    div.labelToggle ul li {
       font-size: 12px; 
    }
div.labelToggle label {
    background-color: #142c42;
    color: #5c778f;
    padding: 6px 5px;
    margin: 0;
    background-repeat: no-repeat;
    display: block;
    background-image: url(../layout/button_radio-switch_default.png);
    -webkit-transition: all 100ms ease 0.1s;
    -moz-transition: all 100ms ease 0.1s;
    -o-transition: all 100ms ease 0.1s;
    transition: all 100ms ease 0.1s;
}
    div.labelToggle li:first-of-type label,
    div.labelToggle span:first-of-type label {
        -webkit-border-top-left-radius: 20px;
        -moz-border-radius-topleft: 20px;
        border-top-left-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-bottom-left-radius: 20px;
        padding: 6px 5px 8px 30px;
        background-position: left center;
        text-align: left;
        
    }
        div.labelToggle li:first-of-type label.active,
        div.labelToggle span:first-of-type label.active {
            background-image: url(../layout/button_radio-switch.png);
        }
        div.labelToggle label.disabled {
            text-decoration: line-through;
        }
    div.labelToggle li:last-of-type label,
    div.labelToggle span:last-of-type label {
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topright: 20px;
        border-top-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        -moz-border-radius-bottomright: 20px;
        border-bottom-right-radius: 20px;
        padding: 6px 30px 8px 5px;
        background-position: right center;
        text-align: right;
    }
        div.labelToggle li:last-of-type label.active,
        div.labelToggle span:last-of-type label.active {
            background-image: url(../layout/button_radio-switch.png);
            -webkit-transition: all 100ms ease 0.1s;
            -moz-transition: all 100ms ease 0.1s;
            -o-transition: all 100ms ease 0.1s;
            transition: all 100ms ease 0.1s;
        }
div.labelToggle label.active {
    color: #fff;
    text-indent: 0px;
    width: auto;
}

table.bulkDownloadOptions {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
    background-color: #e6f3ff;
    margin: 0 auto 20px !important;
    }
table.bulkDownloadOptions tr td {
    text-align: left;
    padding: 8px;
}
    table.bulkDownloadOptions tr td.label {
        text-align: right;
    }

table.bulkDownloadOptions tr td.label {
    text-align: right !important;
}

ul.alertMessageList {
    list-style-type: none;
    padding: 10px;
    margin: 0;
    text-align: center;
    color: #c4000e;
    background-color: #f9eeee;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
    border: 1px solid #e4c1c1;
}
ul.alertMessageList li {
    list-style-type: none;
    padding: 4px;
    margin: 0;
    text-align: center;
}
    ul.alertMessageList li b,
    ul.alertMessageList li a {
        color: #c4000e !important;
    }
    ul.alertMessageList li a {
        text-decoration: underline !important;
    }

/*LIST FILTER */

/* line 9, C:/wamp/www/jquery-listnav/scss/listnav.scss */.listNav,.ln-letters{overflow:hidden}/* line 13, C:/wamp/www/jquery-listnav/scss/listnav.scss */.listNavHide{display:none}/* line 17, C:/wamp/www/jquery-listnav/scss/listnav.scss */.listNavShow{display:list-item}/* line 21, C:/wamp/www/jquery-listnav/scss/listnav.scss */.letterCountShow{display:block}/* line 26, C:/wamp/www/jquery-listnav/scss/listnav.scss */.ln-letters a{font-size:0.9em;color:#498bd0;display:inline-block;padding:2px 6px;border:1px solid #ced9ee;border-right:none;text-decoration:none}/* line 36, C:/wamp/www/jquery-listnav/scss/listnav.scss */.ln-letters .ln-last{border-right:1px solid silver}/* line 41, C:/wamp/www/jquery-listnav/scss/listnav.scss */.ln-letters a:hover,.ln-letters .ln-selected{background-color:#e2eaf9 }/* line 45, C:/wamp/www/jquery-listnav/scss/listnav.scss */.ln-letters .ln-disabled{color:#c2d1ee;}/* line 51, C:/wamp/www/jquery-listnav/scss/listnav.scss */.ln-letter-count{position:absolute;top:0;left:0;width:20px;text-align:center;font-size:0.8em;line-height:1.35;color:#336699}

div#CountryList-nav {
    margin: 20px auto;
    display: block;
}
ul#CountryList {
    padding: 10px 0px 50px;
    list-style-type: none;
    text-align: center;
    display: block;
}
    ul#CountryList li {
        
        margin: 5px auto;
        padding: 5px 12px;
        max-width: 500px;
        text-align: right;
        clear: both;
        position: relative;
    }
        ul#CountryList.left li {
            text-align: left;
        }
        ul#CountryList li a.text {
            float: left;
        }
        ul#CountryList li.ln-no-match {
            text-align: center;
        }
    ul#CountryList.offset b {
        position: relative;
        top: -4px;
    }
    ul#CountryList.offset img {
        position: relative;
        top: 2px;
        left: -3px;
        margin-right: 5px;
    }
.span-button {
    display: inline-block;
    margin: 0 5px;
    color: #fff;
    padding: 4px 8px;
    float: right;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important; 
    -khtml-border-radius: 5px !important;
    font-size: 0.9em;
    margin: 0;
}
ul#CountryList.offset .span-button {
    position: relative;
    top: 3px;
}
div.filteredInfoBox {
     -moz-border-radius: 9px !important;
    -webkit-border-radius: 9px !important;
    border-radius: 9px !important; 
    -khtml-border-radius: 9px !important;
}

div.filteredInfoBox ul#CountryList {
    padding: 0px !important;
    
}
div.filteredInfoBox ul#CountryList li:nth-of-type(even) {
    background-color: transparent;
}
div.filteredInfoBox ul#CountryList li {
    padding: 0px !important;
    margin: 0px !important;
}
    div.filteredInfoBox ul#CountryList li a b {
        color: #fff !important;
    }
    div.filteredInfoBox .ln-letters .ln-disabled {
        
    }

table.DDPTable {
    width: 100%;
}
    table.DDPTable td label {
        margin-right: 10px;
    }

table.price-samples {
    
}
    table.price-samples th.description {
        text-align: left;
    }

    table.price-samples td.price b {
        text-align: left;
        font-size: 1.1em;
        
    }
    table.price-samples td.description {
        text-align: left;
        font-size: 1em;
    }
        table.price-samples td.description a {
            color: #498bd0  !important;
            text-decoration: none;
        }
ul.share-links {
    display: block;
    padding: 0px 0.5%;
    margin: 0px;
    list-style-type: none;
}
    ul.share-links li {
        display: block;
        padding: 0px;
        margin: 20px 0px;
        list-style-type: none;
        width: 33%;
        float: left;
    }
        ul.share-links li.facebook {
            background-color: #3b5998;
        }
            ul.share-links li.facebook span {
                background-image:url(../layout/icon-btn-Facebook.png);
            }
        ul.share-links li.twitter {
            background-color: #00aced;
        }
            ul.share-links li.twitter span {
                background-image:url(../layout/icon-btn-Twitter.png);
            }
        ul.share-links li.googlePlus {
            background-color: #c83424;
        }
            ul.share-links li.googlePlus span {
                background-image:url(../layout/icon-btn-GooglePlus.png);
            }
        ul.share-links li a {
            display: block;
            width: auto;
            color: #fff;
            padding: 0px;
            text-decoration: none;
            font-size: 1.2em;
            text-align: center;
        }
            ul.share-links li:hover {
                opacity: 0.85;
                filter: alpha(opacity=85);
            }
            ul.share-links li a span {
                display: inline-block;
                padding: 13px 0px 13px 25px;
                margin: 0px;
                background-repeat: no-repeat;
                background-position: left center;
            }

table#tblServiceList {
    -webkit-transition: all 100ms ease 0.1s;
    -moz-transition: all 100ms ease 0.1s;
    -o-transition: all 100ms ease 0.1s;
    transition: all 100ms ease 0.1s;
}
          
table#tblServiceList.active small {
    color: #a91f1f;
    padding: 3px;
    margin: 0px 0px 8px 0px;
}
div.table.addressDetails div.row {
    text-align: left;
}
    div.table.addressDetails div.row.goodsValue,
    div.table.addressDetails div.row.collectDate {
        margin-top: 20px !important;
    }

    
div.table.addressDetails label {
    width: 35%;
    display: inline-block;
    text-align: right;
    padding-right: 5px;
}
div.table.addressDetails select,
div.table.addressDetails input[type=text] {
    width: 50% !important;
    margin: 4px 0 !important;
}
div.consignmentDetails.container {
    margin: 20px auto;
    max-width: 980px;
    padding-bottom: 10px;
}
    div.consignmentDetails h1,
    div.consignmentDetails h2,
    div.consignmentDetails h3,
    div.consignmentDetails h4 {
        padding: 10px 0px 0px !important;
    }
div.service-availability-terms {
    margin: 10px 2%;
    width: auto;
    display: block;
    clear: both;
}
div#packageInfo {
    max-width: 850px;
    margin: 10px auto 10px;
}
table#tblServiceList {
    display: none;
}

div.address-column {
    margin-bottom: 10px;
}
a.tool-button,
button.tool-button {
    color: #fff;
    font-size: 1.2em;
    padding: 7px 12px;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important; 
    -khtml-border-radius: 5px !important;
    cursor: pointer;
}
div.payment-methods {
    display: block;
    text-align: center;
}
    div.payment-methods label,
    div.payment-methods div {
        display: inline-block;
        width: 25%;
        padding: 10px 5px 20px;
        vertical-align: top;
    }
    div.payment-methods label {
        text-align: right;
        font-weight: bold;
    }
    div.payment-methods div {
        text-align: left;
    }
        div.payment-methods div span.note {
            margin-bottom: 10px;
        }
.payment-amount {
    background-color: #e2eaf9;
    padding-top: 8px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px; 
    -khtml-border-radius: 9px;
    max-width: 700px;
    margin: auto;
}
.payment-amount label {
    font-size: 16px;
}
    .payment-amount label span {
        font-size: 11px !Important;
    }
div.container-quote.make-payment {
    display: block;
    margin: auto;
    text-align: center;
}
div.payInvoice span.select_radio  {
    display: block;
    margin: 7px auto;
    width:60%;
    margin-left: 40%;
}
    div.payInvoice span.select_radio label {
        text-align: left !important;
    }
p.sectionIntro {
    font-size: 1.6em;
    text-align: center;
    padding: 10px 0px 20px;
}
div.carrier-info-container {
    margin: auto;
    text-align: center;
    -moz-border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    border-radius: 25px !important; 
    -khtml-border-radius: 25px !important;
    width: 100%;
    max-width: 800px;
}
tr#dpdPredict td {
    background-image: url('../layout/logo-dpd-predict.png');
    background-repeat: no-repeat;
    background-position: 12px top;
    min-height: 80px;

}
    tr#dpdPredict td span.note {
        padding-left: 85px;
    }
div.warning_icons {
    text-align: center;
    display: block;
    padding: 20px 0;
}
a.icon.no-lithium,
a.icon.no-liquids {
    display: inline-block !important;
    
    background-repeat: no-repeat;
    background-position: top center;
    min-width: 150px;
    padding-top: 120px;
    text-align: center;
    margin: 0px 5px;
    color: #0185cd;
    
}
    a.icon.no-lithium span,
    a.icon.no-liquids span {
        display: block;
        text-align: center;
        padding: 8px 20px;
        background-color: #498bd0;
        color: #fff !important;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        -khtml-border-radius: 9px;
        font-weight: bold;
        max-width: 160px;
        text-decoration: none;
        margin-bottom: 5px;
        white-space: nowrap;
    }
a.icon.no-liquids {background-image: url(../layout/icon-no-liquids-large.png);}
a.icon.no-lithium {background-image: url(../layout/icon-no-lithium-battery-large.png);}

table.consignment-summary {
    margin-bottom: 15px;
}
span.note.packinglist {
    display: block;
    clear: both;
}
div.notice div.container,
span.note.important,
span.note.dimswarning,
span.note.weightwarning,
span.note.info {
    padding-left: 22px;
    padding: 12px 8px 12px 30px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    position: relative;
    z-index: 0;
    -webkit-transition: opacity 500ms ease 0s;
    -moz-transition: opacity 500ms ease 0s;
    -o-transition: opacity 500ms ease 0s;
    transition: opacity 500ms ease 0s;
    opacity: 1;
    filter: alpha(opacity=100);
    text-align: left;
    display: inline-block;
    margin-bottom: 12px;
    box-sizing: border-box;
}
    div.notice.warning div.container,
    span.note.important {
        background-color:#fff9e5;
        border: 1px solid #cbbc88;
        color: #927100 !important;
    }
span.note.important {
    background-image: url(../layout/cart/icon_alert.png);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    background-position-y: center;
    padding-left: 22px;
}

span.note.dimswarning,
span.note.weightwarning {
    background-color: #fff;
    border: 1px solid #d3002a ;
    color: #d3002a  !important;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    background-position-y: center;
    padding-left: 40px !important;
}
span.note.dimswarning {
    background-image: url(../layout/cart/icon_dimensions_warning.png);
}
span.note.weightwarning {
    background-image: url(../layout/cart/icon_weight_warning.png);
}
            
    div.notice.success div.container {
        background-color:#f6fff4;
        border: 1px solid #b1d9a7;
        color: #267112 !important;
    }
    span.note.important.hidden { 
        visibility: hidden; 
        position: absolute; 
        z-index:-50;
        opacity: 0;
        filter: alpha(opacity=0); 
        -webkit-transition: opacity 500ms ease 0s;
        -moz-transition: opacity 500ms ease 0s;
        -o-transition: opacity 500ms ease 0s;
        transition: opacity 500ms ease 0s;
    }
    span.note.important b {
        color: #924500 !important;
    }
    span.note.info {
        background-color:#e1eefc;
        border: 1px solid #bdd4ee;
        color: #1f50ab !important;
        /*background-image: url(../layout/cart/footer-alert-info.png);*/
        background-repeat: no-repeat;
        background-position: 8px 9px;
        padding-left: 40px !important;
        font-size: 13px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
        span.note.info:before {
            content: "i";
            display: block;
            width: 24px;
            height: 24px;
            position: absolute;
            left: 8px;
            top: 8px;
            background-color: #498bd0 ;
            color: #fff;
            text-align: center;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%; 
            -khtml-border-radius: 50%;
            box-sizing: border-box;
            padding-top: 3px;
        }
        span.note.info.small {
            letter-spacing: 0;
            font-size: 11px;
        }
        span.note.info.pointer {

        }
            /*span.note.info.pointer:after {
                content: "";
                width: 0; 
                height: 0; 
                display: block;
                width: 14px;
                height: 14px;
                background-color: #e1eefc;
                box-shadow: 1px -1px 0px 0px #bdd4ee;
                transform: rotate(-45deg);
                position: absolute;
                top: -6px;
                left: 50%;
                }*/
                
span.note.warning {
    color: #5e4f25 !important;
    margin: 6px 0 0;
    padding: 8px 8px 8px 30px !important;
    display: inline-block;
    background-color: #fffde8 !important;
    border: 1px solid #baa773 !important;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    border-radius: 6px; 
    -khtml-border-radius: 6px;
    background-image: url(../layout/icon_warning_triangle.png);
    background-repeat: no-repeat;
    background-position: 6px 7px;
    position: relative;
    box-sizing: border-box;
}
    span.note.warning.pointer.top:before {
        display: block;
        width: 15px;
        height: 15px;
        background-color: #fffde8;
        -moz-box-shadow: 1px -1px 0px 0px #baa773;
        -webkit-box-shadow: 1px -1px 0px 0px #baa773;
        box-shadow: 1px -1px 0px 0px #baa773;
        content: "";
        position: absolute;
        top: -7px;
        left: 49%;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
.alert-message {
    display: block;
    background-color: #fcebeb;
    border: 1px solid #e9a9a9;
    margin: 10px 5px 20px;
    padding: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    color: #950000;
    font-family:"Roboto";
    box-sizing: border-box;
}
    .alert-message span {
        
        display: inline-block;
        width: auto;
        position: relative;
        background-image: url("../layout/icon_alertExclamation.png");
        background-repeat: no-repeat;
        background-position: left center;
        padding: 15px 0 15px 33px;
    }
div.notice-overlay {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 1000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    box-sizing: border-box;
}
div.notice {
    display: block;
    z-index: 1001;
    position: fixed;
    top: 30%;
    left: 5%;
    right: 5%;
    width: 90%;
    text-align: center;
}
div.notice div.container {
    background-image: none;
    display: block;
    box-sizing: border-box;
    max-width: 450px;
    margin: auto;
    text-align: center;
}
    div.notice h2,
    div.notice h3,
    div.notice h4,
    div.notice h5 {
        display: block;
        margin: 0 !important;
        font-size: 14px;
        text-align: left;
        }
        div.notice.warning h2,
        div.notice.warning h3,
        div.notice.warning h4,
        div.notice.warning h5 {
            padding: 0 0 8px 25px !important;
            background-image: url(../layout/cart/icon_alert.png);
            background-repeat: no-repeat;
            background-position: left top;
            color: #927100 !important;
            }
        div.notice.success h2,
        div.notice.success h3,
        div.notice.success h4,
        div.notice.success h5 {
            padding: 0 0 8px 25px !important;
            background-image: url(../layout/cart/icon_tick_green.png);
            background-repeat: no-repeat;
            background-position: -5px 5px;
            color: #2b9f0c !important;
            }
    div.notice p {
        font-size: 12px;
        padding: 0px !Important;
        margin: 0px !Important;
        line-height: 1.8em;
        text-align: left;
        margin-bottom: 6px !important;
    }
        div.notice.warning p {
            color: #927100 !important;
        }
        div.notice.success p {
            color: #2b9f0c !important;
        }
    div.notice .button {
        padding: 7px 14px !important;
        display: block;
        display: inline-block;
        -moz-border-radius: 7px !important;
        -webkit-border-radius: 7px !important;
        border-radius: 7px !important; 
        -khtml-border-radius: 7px !important;
        margin: 7px 0 8px;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }
        div.notice .button:hover,
        div.notice .button:active,
        div.notice .button:focus {
            opacity: 1;
            filter: alpha(opacity=100);
        }
            div.notice.warning .button {
                background-color: #463812;
            }
            div.notice.success .button {
                background-color: #2b9f0c;
            }
    div.notice .link {
        display: block;
        margin-top: 8px;
    }
        div.notice.success .link {
            color: #208e03;
        }

div.datetime_box {
    padding: 8px 10px;
    background-color: #E2E9F9;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
    border: 1px solid #BAC9E5;
    margin: 10px 0;
    text-align: center;
}
    div.datetime_box label {
        display: block;
        float: left;
        width: 40%;
         text-align: right;
         padding: 5px;
         box-sizing: border-box;
             color: #42719a;
    }
    div.datetime_box select {
        float: left;
        padding: 5px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -khtml-border-radius: 4px;
        border: 1px solid #bac9e5;
         box-sizing: border-box;
    }
    div.datetime_box div {
        clear: both;
        padding: 6px 0;
    }
table.basic {
    width: 100%;
    clear: both;
    box-sizing: border-box;
    color: #054f95;
}
table.basic th,
table.basic td {
    width: 50%;
    padding: 5px 12px;
}
    table.basic th {
        /*text-align: right;*/
        -webkit-border-top-left-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    table.basic td {
        text-align: left;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
/* DEFINITION LIST*/

dd {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: auto;
}
dt, dd {
    display: block;
    padding: 0 2% 5px;
    margin: 0;
    float: left;
    width: 46%;
}
dt, dd {
    width: 50%;
}
dt {
    width: 40%;
    font-weight: bold;
}
dt {
    text-align: right;
}
dd dl:last-of-type {
     content: "";
     display: block;
     width: 100%;
     clear: both;
     height: 1px;
     margin: 0;
     padding: 0;
}

ul.iconSellingPoints,
ol.iconSellingPoints {
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 0px;
    max-width: 600px;
    box-sizing: border-box;
}
ul.iconSellingPoints.three,
ol.iconSellingPoints.three {
    max-width: 800px !important;
}
ul.iconSellingPoints.four,
ol.iconSellingPoints.four {
    max-width: 800px !important;
}
ul.iconSellingPoints.five,
ol.iconSellingPoints.five {
    max-width: 1000px !important;
}
span.summary {
    display: block;
    font-weight: normal;
    line-height: 1.5em;
    padding: 3px 0;
    font-size: 0.9em;
}
    .iconSellingPoints li {
        display: block;
        float: left;
        width: 31%;
        padding: 10px 0 10px;
        margin: 0 1%;
        box-sizing: border-box;
        height: 100%;
        text-align: center;
        
    }
    .iconSellingPoints.three li {
        width:31% !important;
        
    }
    .iconSellingPoints.four li {
        width: 23% !important;
        
    }
    .iconSellingPoints.five li {
        width: 18% !important;
        
    }
        .iconSellingPoints li img {
            width: 70%;
            max-width: 90px;
            height: auto;
        }
        .iconSellingPoints.three li img {
            width: 90%;
            max-width: 179px;
            height: auto;
        }
        .iconSellingPoints.five li img {
            width: 90%;
            max-width: 179px;
            height: auto;
        }
.iconSellingPoints strong {
    display: block;
    clear: both;
    max-width: 150px;
    margin: auto;
}
.iconSellingPoints.four strong {
    max-width: 200px;
}
.iconSellingPoints li div.moreinfo {
    font-size: 0.9em;
    display: none;
    padding: 5px 0;
    width: auto;
    line-height: 1.8em;
    color: #aed5ee;
}

ul.iconSellingPoints.white strong {
    font-size: 11px;
    display: block;
    padding: 10px 0 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.iconSellingPoints li a {
    color: #fff;
    display: block;
    padding: 0 0 15px;
    text-align: center;
    margin: 0 0 40px;
    text-decoration: none;
    letter-spacing: 1px;
}
    .iconSellingPoints li a strong {
        display: block;
        text-align: center; 
        padding: 0;
        margin: 0 auto;
    }
        .iconSellingPoints li a span.button {
            -moz-border-radius: 5px !important;
            -webkit-border-radius: 5px !important;
            border-radius: 5px !important; 
            -khtml-border-radius: 5px !important;
            display: inline-block;
            padding: 5px 20px;
            font-size: 0.85em;
            margin: 20px 0 0;
            color: #fff;
            border: 1px solid #fff;
        }
        .iconSellingPoints li a:hover span.button {
            background-color: #fff;

        }

section.banner.media.wide div.form.quote {
    max-width: 1250px;
    margin: auto;
}
section.banner.media.wide .heading-container {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 8vh 0 8vh 30px;
}
    section.banner.media.wide .heading-container,
    section.banner.media.wide div.form.quote, 
    section.banner.media.wide ul,
    section.banner.media.wide li,
    section.banner.media.wide h3 {
        text-align: left;

    }
    section.banner.media.wide .logo-list.three.integration li {
        width: 30%;
    }

section.banner.courier .iconSellingPoints {
    padding: 15px 0 35px;
}

section.banner.dhl h3,
section.banner.dhl h2,
section.banner.dhl h1,
section.banner.dhl .iconSellingPoints li,
div.branded-container.dhl {
    color: #d70a13 !important;
}

section.banner.usps h3,
section.banner.usps h2,
section.banner.usps h1,
section.banner.usps .iconSellingPoints li,
div.branded-container.dhl,
section.banner.courier h3,
section.banner.courier h2,
section.banner.courier h1,
section.banner.courier .iconSellingPoints li {
    color: #fff !important;
}
    section.banner.courier h3,
    section.banner.courier h2,
    section.banner.courier h1 {
        margin: 30px auto 10px   
    }


section.banner.dpd h3,
section.banner.dpd h2,
section.banner.dpd h1,
section.banner.dpd .iconSellingPoints li,
div.branded-container.dhl {
    color: #fff !important;
}

section.banner.tnt h3,
section.banner.tnt h2,
section.banner.tnt h1,
section.banner.tnt .iconSellingPoints li,
div.branded-container.tnt {
    color: #fff !important;
}

section.banner.ups h3,
section.banner.ups h2,
section.banner.ups h1,
section.banner.ups .iconSellingPoints li,
div.branded-container.ups {
    color: #ffb500 !important;
}
section.banner h3.logo-heading {
    background-repeat: no-repeat;
    background-position: left center;
}
section.banner.ebay_api h3.logo-heading {
    color: #01619e !important;
}
section.banner.transglobal_api a.more,
section.banner.transglobal_api h3.logo-heading
section.banner.integrations a.more,
section.banner.integrations h3.logo-heading {
    color: #004a8a !important;
    text-shadow: 2px 2px #fff;
}
    section.banner.shopify h3.logo-heading,
    section.banner.etsy h3.logo-heading,
    section.banner.ebay_api h3.logo-heading,
    section.banner.woocommerce h3.logo-heading,
    section.banner.transglobal_api h3.logo-heading {
        text-shadow: 2px 2px #f0f0f0 !important
    }

section.banner.etsy a.more,
section.banner.shopify a.more,
section.banner.woocommerce a.more,
section.banner.transglobal_api a.more {
    text-shadow: none !important;
}
section.banner.transglobal_api a.more:after {
    box-shadow: none;
    border: 2px solid #004a8a;
    border-width: 2px 2px 0 0;
    text-shadow: none !important;
}
section.banner.etsy a.more,
section.banner.etsy h3.logo-heading {
    color: #f45800 !important;
}
    section.banner.etsy a.more:after {
        box-shadow: none;
        border: 2px solid #f45800;
        border-width: 2px 2px 0 0;
        text-shadow: none !important;
    }
section.banner.media.etsy {
    border-top: 9px solid #f45800;
    background-color: #ddd;
}

    section.banner.media.etsy:after {
        border-top: 12px solid #f45800;
    }
section.banner.amz a.more,
section.banner.media.amz h3.logo-heading {
    color: #333 !important;
    text-shadow: #fff !important;
}

section.banner.amz a.more:after {
    box-shadow: none;
    border: 2px solid #ff9900;
    border-width: 2px 2px 0 0;
    text-shadow: none !important;
}
section.banner.media.amz {
    border-top: 9px solid #ff9900;
    background-color: #ddd;
}

    section.banner.media.amz:after {
        border-top: 12px solid #ff9900;
    }
section.banner.media.ebay_api {
    border-top: 9px solid #0064d2;
    background-color: #ddd;
}

    section.banner.media.ebay_api:after {
        border-top: 12px solid #0064d2;
    }
section.banner.media.woocommerce {
    border-top: 9px solid #9c5d90;
    background-color: #ddd;
}
section.banner.media.woocommerce:after {
    border-top: 12px solid #9c5d90;
}
section.banner.woocommerce a.more,
section.banner.woocommerce h3.logo-heading {
    color: #7a2f6c !important;
}
section.banner.woocommerce a.more:after {
    box-shadow: none;
    border: 2px solid #9c5d90;
    border-width: 2px 2px 0 0;
    text-shadow: none !important;
}

section.banner.media.linnworks {
    border-top: 9px solid #2b3e57;
    background-color: #ddd;
}
    section.banner.media.linnworks:after {
        border-top: 12px solid #2b3e57;
    }
section.banner.media.shopify {
    border-top: 9px solid #004a8a;
    background-color: #ddd;
}
    section.banner.media.shopify:after {
        border-top: 12px solid #004a8a;
    }

section.banner.ebay_api a.more,
section.banner.ebay_api h3.logo-heading {
    color: #0064d2 !important;
    text-shadow: 1px 1px #fff;
}

    section.banner.ebay_api a.more:after {
        box-shadow: none;
        border: 2px solid #0064d2;
        border-width: 2px 2px 0 0;
        text-shadow: none !important;
    }

section.banner.shopify a.more,
section.banner.shopify h3.logo-heading {
    color: #000 !important;
}
    section.banner.shopify a.more:after {
        box-shadow: none;
        border: 2px solid #5e8e3e;
        border-width: 2px 2px 0 0;
        text-shadow: none !important;
    }
section.banner.linnworks a.more,
section.banner.linnworks h3.logo-heading {
    color: #2b3e57 !important;
    text-shadow: none;
}
    section.banner.linnworks a.more:after {
        box-shadow: none;
        border: 2px solid #2b3e57;
        border-width: 2px 2px 0 0;
        text-shadow: none !important;
    }


section.banner.dhl h3.logo-heading {
    background-image: url(../layout/dhl-badge.png);
    padding: 25px 0 25px 110px;
    text-align: left;
}
section.banner.dhl.media { border-top: 9px solid #ffcb01; }
section.banner.dhl.media:after { border-top: 12px solid #ffcb01; }

    section.banner.tnt h3.logo-heading {
        background-image: url(../layout/tnt-badge.png);
        padding: 25px 0 25px 110px;
    text-align: left;
    }
section.banner.tnt.media { border-top: 9px solid #ff6600; }
section.banner.tnt.media:after { border-top: 12px solid #ff6600; }


    section.banner.usps h3.logo-heading {
        background-image: url(../layout/usps-badge.png);
        padding: 25px 0 25px 110px;
    text-align: left;
    }
section.banner.usps.media { border-top: 9px solid #005a9c; }
section.banner.usps.media:after { border-top: 12px solid #005a9c; }


    section.banner.ups h3.logo-heading {
        background-image: url(../layout/ups-badge.png);
        padding: 25px 0 25px 110px;
        text-align: left;
        }
section.banner.ups.media { border-top: 9px solid #351c15; }
section.banner.ups.media:after { border-top: 12px solid #351c15; }

/*    section.banner.dpd h3.logo-heading {
        background-image: url(../layout/dpd-badge.png);
        padding: 25px 0 25px 110px;
        text-align: left;
        }
section.banner.dpd.media { border-top: 9px solid #c60036; }
section.banner.dpd.media:after { border-top: 12px solid #c60036; }*/

    section.banner.ebay h3.logo-heading {
        background-image: url(../layout/ebay-badge.png);
        padding: 25px 0 25px 110px;
        text-align: left;
        }

section.banner.ebay.media { border-top: 9px solid #f5af02; }
section.banner.ebay.media:after { border-top: 12px solid #86b817; }
section.banner.media.ebay .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.95), rgba(0,0,0,0.2)) }

    section.banner.ebay h3.logo-heading {
        background-image: url(../layout/ebay-badge.png);
        padding: 25px 0 25px 110px;
        text-align: left;
        }
    
section.banner.media.intra_europe .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.2)) }
  
section.banner.intra_europe h3.logo-heading {
        background-image: url(../layout/dpd-badge.png);
        padding: 25px 0 25px 110px;
        text-align: left;
        }

section.banner.easyjet {
    background-position: center;
    background-color: #db5b00 !important;
    border-top: 9px solid #fa700e !important;
}
section.banner.easyjet:after {
    border-top: 12px solid #fa700e !important;
}
    section.banner.easyjet .overlay {
        background: rgba(0, 0, 0, 0.4) !important;
        background: linear-gradient(to bottom, rgba(118,49,0,0.7), rgba(118,49,0,0)) !important;
    }
section.banner.easyjet h3 {
    text-shadow: 2px 2px #6c2d00 !Important;
    font-family: "Lato" !important;
    font-weight: 900;
    letter-spacing: -1px;
}
section.banner.amazon h3.logo-heading {
        background-image: url(../layout/amazon-badge.png);
        padding: 25px 0 25px 110px;
        text-align: left;
        }
section.banner.amazon.media { border-top: 9px solid #f5af02; }
section.banner.amazon.media:after { border-top: 12px solid #f5af02; }

section.banner.ecommerce h3.logo-heading {
        padding: 25px 0 25px 0px;
        text-align: center;
        }
section.banner.media.ecommerce .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)) }


section.banner.media.excess_baggage .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)) }

section.banner.movecorp.media { border-top: 9px solid #fcfc42; }
section.banner.movecorp.media .overlay { background: linear-gradient(to bottom, rgba(0,53,108,0.7), rgba(0,53,108,0.1)); }
section.banner.movecorp.media:after { border-top: 12px solid #fcfc42; }
section.banner.movecorp div.inner-container { padding-bottom: 90px !important; }
section.banner.movecorp.media img { width: 90%; max-width: 275px; height: auto; margin: 5px 0; }

section.banner.media.mobilephone .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); }
section.banner.media.chocolate .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); }
section.banner.media.passport .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.85), rgba(0,0,0,0.2)); }
section.banner.media.tyre .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)); }
section.banner.media.ski .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); }
section.banner.media.bulky .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); }

.iconSellingPoints.movecorp li img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; 
    -khtml-border-radius: 50%;
    
}

section.banner.courier .bannerLogo {
    margin: 40px 0 15px;
    width: 70%;
    height: auto;
    max-width: 100px;
}

section.banner.dhl .bannerLogo {
    margin: 40px 0 15px;
    width: 70%;
    height: auto;
    max-width: 150px;
}
section.banner.usps .bannerLogo {
    margin: 20px 0 5px;
    width: 70%;
    height: auto;
    max-width: 250px;
}
section.banner.dpd .bannerLogo {
    margin: 30px 0 5px;
    width: 70%;
    height: auto;
    max-width: 220px;
}
section.banner.ups .bannerLogo {
    margin: 20px 0 5px;
    width: 70%;
    height: auto;
    max-width: 250px;
}
section.banner.tnt .bannerLogo {
    margin: 10px 0 5px;
    width: 70%;
    height: auto;
    max-width: 250px;
}

/* POPUP WRAPPER */

div.popupWrapper {
    display: block;
    padding: 0px;
    margin: 0px;
    width: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 9997;
    text-align: center;

}
    div.video-popup div.overlay,
    div.popupWrapper div.popupOuter {
        display: block;
        padding: 0px;
        margin: 0px;
        background-color: #fff;
        width: auto;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 9998;
        opacity: 0.9;
        filter: alpha(opacity=90);

    }
    div.popupWrapper div.popupInner {
        display: block;
        position: relative;
        width: 80%;
        max-width: 500px;
        margin: 10% auto 0;
        padding: 0px;
        z-index: 9999;
        background-color: #fff;
        border: 3px solid #00538e;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px; 
        -khtml-border-radius: 15px;
    }
        div.popupWrapper div.popupInner a.close {
            display: block;
            padding: 0px;
            margin: 0px;
            width: 28px;
            height: 28px;
            background-image: url(../layout/icon-close-dark-small.png);
            background-repeat: no-repeat;
            background-position: center;
            position: absolute; 
            top: 5px;
            right: 5px;
        }
        div.popupWrapper div.popupInner a.close span {
            display: block;
            padding: 0px;
            margin: 0px;
            text-indent: -9999px;
            overflow: hidden;
        }
        div.popupWrapper div.popupInner table {
            width: 94%;
            margin: 0 3%;
        }
        div.popupWrapper div.popupInner h1,
        div.popupWrapper div.popupInner h2,
        div.popupWrapper div.popupInner h3,
        div.popupWrapper div.popupInner h4,
        div.popupWrapper div.popupInner h5 {
            margin-top: 0px !important;
        }
div.payment-option-link {
    display: block;
    padding: 0px;
    margin: 0px;
}

/* END POPUP WRAPPER */

div.selectBoxButton {
    display: block;
    min-width: 260px;
    display: inline-block;
    background-color: #fff;
    -moz-border-radius: 4px ;
    -webkit-border-radius: 4px ;
    border-radius: 4px ;
    -khtml-border-radius: 4px ;
    border: 1px solid #bac9e5;
    box-sizing: border-box;
    padding: 8px 5px;
    color: #004a8a   ;
}
    div.selectBoxButton span.button {
        display: inline-block;
        float: right;
        color: #000;
        padding: 1px 12px;
        border: 1px solid #a5a5a5;
        background: #f5f5f5;
        -moz-border-radius: 2px ;
        -webkit-border-radius: 2px ;
        border-radius: 2px ;
        -khtml-border-radius: 2px ;
        background: -webkit-linear-gradient(bottom, #dddddd, #f5f5f5);
        background: -o-linear-gradient(bottom, #dddddd, #f5f5f5);
        background: -moz-linear-gradient(bottom, #dddddd, #f5f5f5);
        background: linear-gradient(bottom, #dddddd, #f5f5f5);
        margin-left: 8px;
    }
    div.selectBoxButton a,
    div.selectBoxButton a:hover {
        text-decoration: none;
        color:#004a8a ;
        cursor: default;
    }
    div.selectBoxButton a:hover span.button,
    div.selectBoxButton a:active span.button,
    div.selectBoxButton a:focus span.button {
        border: 1px solid #7b7b7b;
    }
#linkedOrders {
    display: none;
}
#linkedOrders.active {
    display: block !important;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    box-sizing: border-box;
    padding-bottom: 90px;
}
    #linkedOrders div.window {
        display: block;
        position: relative;
    }
    #linkedOrders .popup-controls {
        padding: 30px 0;
        text-align: center;

    }
        #linkedOrders .popup-controls .btn {
            background-color: #fff;
            -moz-border-radius: 18px;
            -webkit-border-radius: 18px;
            border-radius: 18px ;
            -khtml-border-radius: 18px;
            display: inline-block;
            padding: 8px 20px;
            font-family: "Roboto";
            font-size: 12px;
            margin: 0 5px;
            text-decoration: none;
            color: #054f95;
            outline:none;
            -webkit-appearance: none;
            -moz-appearance: none;
            -o-appearance: none;
            appearance: none;
            }
            #linkedOrders .popup-controls .btn.confirm {
                background-image: url(../layout/cart/icon_tick_green.png);
                background-repeat: no-repeat;
                background-position: right center;
                padding-right: 30px;
                float: right;
            }
            #linkedOrders .popup-controls .btn.cancel {
                background-image: url(../layout/cart/icon_remove.png);
                background-repeat: no-repeat;
                background-position: left center;
                padding-left: 30px;
                float: left;
            }
        #linkedOrders .popup-controls div.button_container {
            display: block;
            margin: auto;
            max-width: 800px;
        }
        #linkedOrders .popup-controls div.button_container button:disabled,
        #linkedOrders .popup-controls div.button_container button[disabled]{
            opacity: 0.5;
            filter: alpha(opacity=50)
        }
#displayLinkedOrder {
    cursor: default;
}
span.radio_select_button {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
    span.radio_select_button input[type="radio"] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 6px;
        z-index: 1;
        width: 16px;
        height: 16px;
    }
    span.radio_select_button label {
        display: block;
        background-color: #fff;
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        border-radius: 18px ;
        -khtml-border-radius: 18px;
        display: inline-block;
        padding: 3px 26px;
        font-family: "Roboto";
        border: 1px solid #296db3;
        z-index: 0;
        box-sizing: border-box;
        margin: 0;
        top: 0 !important;
        opacity: 1;
        filter: alpha(opacity=100)
    }

section.form.section table td span.radio_select_button input[type="radio"]:checked + label,
section.form.section table td span.radio_select_button input[type="radio"]:checked ~ label {
    color: #fff !important;
    border: 1px solid #1bbd00;
    background-color: #1bbd00;
    background-repeat: no-repeat;
    background-position: right center;
    opacity: 1;
    filter: alpha(opacity=100);
}
table.insurance-calculator {
    width: 90% !important;
    max-width: 500px;
    margin: 0 auto;
}

table.insurance-calculator tr {
    position: relative;
}

table.insurance-calculator td {
    padding: 10px 5px;
    
}

table.insurance-calculator td.label {
    font-size: 1.3em;
    vertical-align: top;
    padding-top: 17px;
}
table.insurance-calculator td.result {
    font-size: 1.3em;
    vertical-align: top;
}
table.insurance-calculator td.result strong {
    font-size: 1.6em;
}
    table.insurance-calculator td.result span {
        font-size: 0.65em !important;
        font-family: "Roboto";
        display: block;
        width: 100%;
    }
        table.insurance-calculator input {
            width: 80%;
        }
table.insurance-calculator span.currency {
    font-size: 1.5em;
}
span.magnify a {
    background-image: url(../layout/icon-magnify-search-small.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 3px 20px 3px 0px;
    white-space: nowrap;
}


/* CART BOOKING PROCESS */

a.button_add,
a.button_delete {
    display: inline-block;
    padding: 5px 25px 5px 10px;
    box-sizing: border-box;
    text-decoration: none !important;
    font-family: "Lato", Calibri, arial !important;
    text-align: center;
    font-size: 12px !important;
    margin: 3px;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    white-space: normal;
    background-image: url(../layout/cart/icon_delete.png);
    background-repeat: no-repeat;
    background-position: right center;
}
    a.button_delete {
        padding: 5px 25px 5px 10px;
        background-image: url(../layout/cart/icon_delete.png);
    }
    a.button_add {
        padding: 5px 25px 5px 10px;
        background-image: url(../layout/cart/icon_add.png);
    }

button,
.button_red,
.button_blue,
.button_white {
    display: inline-block;
    padding: 10px 20px;
    box-sizing: border-box;
    text-decoration: none !important;
    font-family: "Roboto", Calibri, arial !important;
    text-align: center;
    font-size: 1.2em !important;
    margin: 3px;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    white-space: normal;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    border: none;
    outline: none;
}
    .button_white.save {
        background-image: url(../layout/icon_save_disk.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 30px !important;
    }
        #quotationTbl th .button_white.save {
            white-space: nowrap;
        }
button {
    padding: 10px 20px !important;
}
    button:hover,
    .button_red:hover,
    .button_blue:hover,
    .button_white:hover,
    .button_red:active,
    .button_blue:active,
    .button_white:active,
    .button_red:focus,
    .button_blue:focus,
    .button_white:focus {
        opacity: 0.92;
        filter: alpha(opacity=92);
    }
    .button.small,
    .button_red.small,
    .button_blue.small, 
    .button_white.small {
        min-width: 90px;
        padding: 8px 14px;
        font-size: 1em !important;
    }
        .viewpopup.button.small,
        .viewpopup.button_red.small,
        .viewpopup.button_blue.small,
        .viewpopup.button_white.small {
            font-size: 11px !important;
        }
    button.xsmall,
    .button_red.xsmall,
    .button_blue.xsmall,
    .button_white.xsmall {
        min-width: 90px;
        padding: 7px 14px;
        font-size: 11px !important;
        box-sizing: border-box;
        border: 1px solid;
    }

.button_red.icon,
.button_blue.icon,
.button_white.icon {
    padding-left: 45px !important;
    background-position: left center;
    background-repeat: no-repeat;
    width: auto !important;
    height: auto !important;
}
    .button_red.checkout,
    .button_blue.checkout {
        background-image: url(../layout/cart/basket_white.png);
    }
    .button_red.adduser,
    .button_blue.adduser {
        background-image: url(../layout/cart/icon_adduser.png);
        background-position: center right;
        padding-right: 40px;
    }
    .button_white.adduser {
        background-image: url(../layout/cart/icon_adduser_blue.png);
    }
    .button_blue.add_to_list,
    .button_white.add_to_list,
    .button_white.currency_switch,
    .button_white.delete_from_list {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 8px center;
        padding: 8px 10px 8px 40px;
        white-space: nowrap;
        font-weight: 300;
        font-family: "Roboto" !important;
        font-size: 11px !important;
        border-width: 1px !important;
    }
        .button_blue.add_to_list { background-image: url(../layout/add_item_list_white.png); }
        .button_white.add_to_list { background-image: url(../layout/add_item_list.png); }
        .button_white.delete_from_list { background-image: url(../layout/delete_item_list.gif); }
        .button_white.currency_switch { background-image: url(../layout/icon_currency.png); }

        .button_red.adddocument,
        .button_blue.adddocument {
            background-image: url(../layout/cart/icon_upload.png);
            background-position: center right;
            padding-right: 40px !important;
        }
    .button_red.lookup,
    .button_blue.lookup {
        background-image: url(../layout/icon-magnify-search-white.png);
        background-position: 8px center;
        padding-left: 30px !important;
    }
    .button_red.addBasket,
    .button_blue.addBasket {
        background-image: url(../layout/cart/basket_white_add-to.png);
    }
    .button_red.bookCollection,
    .button_blue.bookCollection {
        background-image: url(../layout/cart/basket_white_add-collection.png);
        padding-left: 55px !important;
    }
    .button_red.proceed,
    .button_blue.proceed {
        background-image: url(../layout/cart/basket_white_add-to.png);
        padding-left: 55px !important;
    }
    .button_blue.icon.back {
        background-image: url(../layout/cart/arrow_back_white.png);
        padding-left: 30px !important;
        margin-top: 15px;

    }
    .button_blue.icon.edit {
        background-image: url(../layout/cart/icon_cog.png);
        background-position: right center;
        padding-left: 12px !important;
        padding-right: 25px !important;
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important; 
        -khtml-border-radius: 10px !important;
    }

    .button_white.icon.edit {
        background-image: url(../layout/cart/icon_cog_blue.png);
        background-position: right center;
        padding-left: 12px !important;
        padding-right: 25px !important;
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important; 
        -khtml-border-radius: 10px !important;
        border: 1px solid;
    }
    .button_white.lookup {
        background-image: url(../layout/icon-magnify-search.png);
        background-position: 8px center;
        padding-left: 30px !important;
    }
    .button_white.icon.back {
        background-image: url(../layout/cart/arrow_back_blue.png);
        padding-left: 30px !important;
    }
    .button_white.checkout {
        background-image: url(../layout/cart/basket_blue.png);
    }
    .button_white.addBasket {
        background-image: url(../layout/cart/basket_blue_add-to.png);
    }
        .button_white.green.addBasket {
            background-image: url(../layout/cart/basket_bluegreen_add-to.png) !important;
        }
    .button_white.proceed {
        background-image: url(../layout/cart/basket_blue_add-to.png);
        padding-left: 55px !important;
    }
    .button_white.bookCollection {
        background-image: url(../layout/cart/basket_blue_add-collection.png);
        padding-left: 55px !important;
    }
    .button_white.addCollection {
        background-image: url(../layout/cart/basket_blue_add-collection.png);
        padding-left: 55px !important;
    }
    .button_red.addCollection,
    .button_blue.addCollection {
        background-image: url(../layout/cart/basket_white_add-collection.png);
        padding-left: 55px !important;
    }
    .viewpopup.icon {
        display: block;
        background-image: url(../layout/icon-magnify-search-small.png);
        padding-left: 22px !important;
        background-position: left center;
        width: auto !important;
        text-align: left;
        height: auto !important;
    }
.button_red.disable,
.button_blue.disable,
.button_white.disable {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

div.form.quote .button_blue {
    background-color: #01619e;
    font-family: "Lato" !important;
    font-weight: 700 !important;
}

button#cboxClose {
    display: block;
    width: 35px !important;
    height: 35px !important;
    min-width: 30px !important;
    background-size: 30px !important;
}
.button_icon {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    font-family: "Lato", Calibri, arial !important;
    text-decoration: none !important;
    text-align: left;
}
div.price-container {
    display: block;
    padding: 25px 15px 50px;
    text-align: right;
}
    div.price-container span.note {
        padding: 5px 0 20px;
    }
span.price {
    font-size: 1.8em;
    display: block;
    clear: both;
    padding:0;
}
    span.price strong {
        font-size: 1.4em;
    }
div#overlay,
div.moredetail,
div#popup-content {
    display: none;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s; 
}
    div#popup-content h1.title span,
    div#popup-content h2.title span,
    div#popup-content h3.title span,
    div#popup-content h4.title span,
    div#popup-content h5.title span {
        text-align: center !important;
    }
    div#popup-content.EditAndShip.active {
        position: fixed;
        max-width: 850px;
        box-sizing: border-box;
        padding: 20px;
        margin: auto;
        height: auto;
        width: 86%;
        left: 50%;
        top: 50%;
        min-height: 350px;
        bottom: auto;
        transform: translate(-50%, -50%);
    }
        div#popup-content.EditAndShip label {
            display: block;
            color: #004a8a;

        }
        div#popup-content.EditAndShip input {
            display: block;
            width: 100%;
            border: 1px solid #004a8a;
            padding: 10px;
            margin: 10px auto 20px;
            box-sizing: border-box;
            max-width: 350px;
        }
    div.moredetail span.address strong {
        display: block;
        padding: 3px 0;
        box-sizing: border-box;
    }
div.moredetail span.address {
    display: block;
    padding: 5px 0 10px;
    box-sizing: border-box;
}
    div.moredetail.active {
        display: block;
        z-index: 5000;
        text-align: left;
        background-color: #fff;
        box-sizing: border-box;
        padding: 20px;
        border: 2px solid #296db3;
        -moz-border-radius: 16px !important;
        -webkit-border-radius: 16px !important;
        border-radius: 16px !important;
        -khtml-border-radius: 16px !important;
        margin: auto;
        width: 86%;
        left: 7%;
        right: 7%;
        max-height: 400px;
        overflow-y: auto;
        max-width: 500px;
        -webkit-transition: all 100ms ease 0s;
        -moz-transition: all 100ms ease 0s;
        -o-transition: all 100ms ease 0s;
        transition: all 100ms ease 0s;
    }
div#overlay.active {
    display: block;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 3000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s; 

}
div#popup-content.active {
        display: block; 
        z-index: 5000;
        text-align: left;
        background-color: #fff;
        top: 10%;
        border: 2px solid #296db3;
        -webkit-transition: all 100ms ease 0s;
        -moz-transition: all 100ms ease 0s;rad
        -o-transition: all 100ms ease 0s;
        transition: all 100ms ease 0s; 
        
    }
    div.popup-controls,
    div#popup-content.active {
        position: fixed;
        max-width: 1150px;
        box-sizing: border-box;
        padding: 20px;
        margin: auto;
        height: auto;
        width: 86%;
        left: 7%;
        right: 7%;
        bottom: 10%;
    }
    .close-pop-up,
    div#popup-content span.close {
        background-image:url(../layout/icon-deactivate-menu.png);
        background-repeat: no-repeat;
        background-position: center;
        display: none;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 5px !important;
        right: 5px !important;
        background-color: transparent  !important;
        border: none  !important;
        margin: 0  !important;
        
    }
        div#popup-content.EditAndShip.active span.close {
            position: fixed;
            right: 20px !important; 
        }
        .close-pop-up,
        .popup-content.active span.close {
            display: block !important;
        }
        .close-pop-up {
            text-indent: -9999px;
        }
    div.popup-editor.active .inner,
    div#popup-content .inner {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        margin: 0;
        padding: 0;
        overflow-y: scroll;
        width: 100% !important;
    }
        div#popup-content .inner .title {
            width: 95%;
            margin: auto;
            max-width: 1150px
        }
        div#popup-content.EditAndShip  .inner .title {
            font-size: 16px;
        }
        div#popup-content.EditAndShip  .inner .title span span {
            font-size: 26px;
        }
        div#popup-content .inner {
            padding-bottom: 125px !important;
        }
            div#popup-content.EditAndShip .inner {
                padding-bottom: 30px !important;
            }
    div.moredetail span.title {
        display: block;
        text-align: center;
        font-size: 1.2em;
    }

    div#popup-content p,
    div.sectioned ul li,
    div.sectioned ul.bullet li {
        color: #054f95;
    }
    div.popup-controls {
        display: none;
        padding: 10px 0;
        background-color: #296db3;
        z-index: 6000;
        }
        div#popup-content.active div.popup-controls {
            display: block;
        }
        div.popup-controls ul,
        div.popup-controls ol,
        div.popup-controls li {
            list-style-type: none;
            box-sizing: border-box;
            padding: 0 5px;
            margin: 0;
        }
        div#account_downloads.popup-controls ul {
            text-align: center;
        }    
        div#account_downloads.popup-controls ul li {
                display: inline-block;
                float: none;
                width: 33% !important;
            }
        div.popup-controls li {
            display: block;
            width: 33%;
            float: left;
            padding: 0;
            background-image: url(../layout/cart/icon_download.png);
            background-repeat: no-repeat;
            background-position: center 92%;
        }
            div.popup-controls li a {
                display: block;
                text-align: center;
                text-decoration: none;
                color: #fff;
                padding: 10px 10px 30px;
                position: relative;
                opacity: 0.9;
                filter: alpha(opacity=9);
                }
                div.popup-controls li a:hover,
                div.popup-controls li a:focus {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }
            div.popup-controls li a:before, 
            div.popup-controls li a:after {
                position: absolute;
                box-sizing: border-box;
                top: 0px;
                right:0px;
                bottom: 0px;
                left: 0px;
                content: "";
                opacity: 0;
                transition: opacity 1s, -webkit-transform 1s;
                transition: opacity 1s, transform 1s;
                transition: opacity 1s, transform 1s, -webkit-transform 1s;
                }
                div.popup-controls li a:before {
                    border-top: 1px solid #fff;
                    border-bottom: 1px solid #fff;
                    -webkit-transform: scale(0, 1);
                    -ms-transform: scale(0, 1);
                    transform: scale(0, 1);
                }
                div.popup-controls li a:after {
                    border-right: 1px solid #fff;
                    border-left: 1px solid #fff;
                    -webkit-transform: scale(1, 0);
                    -ms-transform: scale(1, 0);
                    transform: scale(1, 0);
                }
                div.popup-controls li a:hover:before,
                div.popup-controls li a:hover:after {
                    -webkit-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                    opacity: 0.2;
                }

            div.popup-controls li h1,
            div.popup-controls li h2,
            div.popup-controls li h3,
            div.popup-controls li h4,
            div.popup-controls li h5 {
                color: #fff !important;
                font-size: 14px !important;
                padding: 0 0 !important;
                margin: 0px !important;
                }
                /*div.popup-controls li h1:after,
                div.popup-controls li h2:after,
                div.popup-controls li h3:after,
                div.popup-controls li h4:after,
                div.popup-controls li h5:after {
                    display: block;
                    width: 30px;
                    height: 30px;
                    
                    -moz-border-radius: 50%;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    -khtml-border-radius: 50%;
                    content: "";
                    position: absolute;
                    right: 10px;
                    bottom: 10px;
                    
                }*/

            div.popup-controls li .labels,
            div.popup-controls li .invoice,
            div.popup-controls li .manifest {
                padding-top: 38px !important;
                background-repeat: no-repeat;
                background-position: center 8px;
            }
            div.popup-controls li .labels { background-image: url(../layout/icon-label.png); }
            div.popup-controls li .invoice { background-image: url(../layout/icon-label-packinglist.png) }
            div.popup-controls li .manifest { background-image: url(../layout/icon-label-manifest.png); }

div.popup-controls-tnt li {
    width: 25% !important;
}

div.popup-content #parcel-orders td.selector,
div.popup-content #parcel-orders th.selector {
    display: none;
}
    div.popup-content.active .bulkdownloadinstructions p,
    div.popup-content.active .bulkdownloadinstructions h2,
    div.popup-content.active #parcel-orders .selector {
        display: block !important;
    }
    div.popup-content .bulkdownloadinstructions p,
    div.popup-content .bulkdownloadinstructions h2,
    div.popup-content.active #parcel-orders .type,
    /*div.popup-content.active #parcel-orders .service,*/
    div.popup-content.active #parcel-orders .tracking,
    div.popup-content.active #parcel-orders .weight,
    div.popup-content.active #parcel-orders .cost,
    div.popup-content.active #parcel-orders .vieworder,
    div.popup-content.active #parcel-orders .labels {
        display: none;
    }



div.popup-content .bulkdownloadinstructions {
    padding: 0 0 15px;
    
}
.account_area #OrdersFilter {
    background-color: #d3dff5;
    padding: 15px 0 10px 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}
.account_area div.popup-content .bulkdownloadinstructions {
    display: inline-block;
    padding: 0;
    float:right;
}
div.jqibox  {
    z-index: 6000 !important;
}
span.closePopUp {
    display: block;
    padding: 6px 10px;
    margin: 20px 0 0;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; 
    -khtml-border-radius: 6px;
    border: solid 1px #eeeeee;
}

    table.cartLandTable span.closePopUp {
        text-align: right;
    }

    span.closePopUp span#Btn_Close {
        color: #fff;
        display: inline-block;
        padding: 6px 12px 6px 12px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px; 
        -khtml-border-radius: 6px;
        cursor: pointer;
        font-family: Roboto, arial;
        font-size: 0.85em !important;

    }
        table.cartLandTable span.closePopUp span#Btn_Close {
            float: left;
            margin-top: 6px;

        }
        span.closePopUp span.clear {
            width: 100%;
            background-color: transparent;
        }
    span.closePopUp a.button_white {
        -moz-border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        border-radius: 6px !important;
        -khtml-border-radius: 6px !important;
    }
.download-buttons {
    display: inline-block;
    text-align: center;
    padding: 0px;
    margin: 0px auto;
    position: relative;
}
.download-buttons ol,
.download-buttons ul {
    display: block;
    text-align: center;
    padding: 0px;
    margin: 0px;
    position: relative;
}
.download-buttons li  {
    display: block;
    padding: 5px;
    margin: 0px;
    box-sizing: border-box;
    width: 180px;
   float: left;
}
.download-buttons li a  {
    display: block;
    padding: 20px 20px 40px;
    margin: 0px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #cedaf1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    text-decoration: none;
    height: 200px;
    position: relative;
}
    .download-buttons li a span.button_blue {
        opacity: 0.85;
        filter: alpha(opacity=85);
        position: absolute;
        bottom: 5%;
        width: 90%;
        left: 5%;
    }
    .download-buttons li a:hover span.button_blue,
    .download-buttons li a:focus span.button_blue {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .download-buttons li a h4 {
        font-size: 13px !important;
       line-height: 1.6em;
        background-position: top center;
        background-repeat: no-repeat;
        padding-top: 80px;
        color: #054f95 !important;
    }
        .download-buttons li.standard a h4 { background-image: url(../layout/cart/icon_standard_label_large.png); }
        .download-buttons li.thermal a h4 { background-image: url(../layout/cart/icon_thermal_label_large.png); }
        .download-buttons li.invoice a h4 { background-image: url(../layout/cart/icon_packinglist-large.png); }
        .download-buttons li.error a h4 { background-image: url(../layout/cart/icon_label_error.png); }
        .download-buttons li.error.optout a h4 { background-image: url(../layout/cart/icon_invoice-opt-out.png); }

        .download-buttons li.error a {
            background-color: transparent !important;
            /*border-color: #ebb8b8 !important;*/
        }

        /*.download-buttons li.error a h4 { color: red !important; }*/

        .download-buttons li.error span.button_blue,
        .download-buttons li.error a:hover span.button_blue,
        .download-buttons li.error a:focus span.button_blue {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

        .download-buttons li a h4 strong {
            display: block;
            padding: 0;
        }
    /*.download-buttons li a:before {
        content:"";
        display: block;
        width: 88px;
        height: 88px;
        background-image: url(../layout/cart/corner-ribbon.png); 
        background-repeat: no-repeat;
        background-position: top left;
        position: absolute;
        top: -7px;
        left: -7px;
    }*/
.sub_notice {
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    color: #fff;
    background-color: #296db3;
}
    .sub_notice span {
        display: inline-block;
        padding: 20px 0 20px 30px !important;
        margin: auto;
        background-image: url(../layout/icon_warning_triangle.png);
        background-repeat: no-repeat;
        background-position: 0 center;
        font-size: 15px; 
        font-family: "Roboto";
        font-weight: 300 !important;
    }
    div.banner.information .sub_notice a {
        color: #cad9ff !important;
    }
div.popup-editor {
    display: block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
    div.popup-editor label,
    div.popup-editor span.note,
    div.popup-editor div.tickbox,
    div.popup-editor a.confirm_address,
    div.popup-editor div.postcode_lookup,
    div.popup-editor div.address_options,
    div.preference_center div.popup-editor {
        display: none !important;
    }
        div.popup-editor.active label,
        div.popup-editor.active a.confirm_address,
        div.popup-editor.active div.postcode_lookup,
        div.popup-editor.active div.address_options,
        div.preference_center div.popup-editor.active {
            display: block !important;
        }
        div.preference_center div.popup-editor.active {
            overflow-y: scroll;
        }
        div.popup-editor.active {
            position: fixed;
            max-width: 1150px;
            box-sizing: border-box;
            padding: 20px;
            margin: auto;
            height: auto;
            width: 86%;
            left: 7%;
            right: 7%;
            top: 10%;
            bottom: 10%;
            z-index: 5500;
            background-color:#fff;   
            box-shadow: 0px 0px 13px 0px #777;  
        }
            div.popup-editor.active div.address_options {
                clear: both;
            }
    div.popup-editor select,
    div.popup-editor span.input,
    div.popup-editor div.country,
    div.popup-editor input[type="text"],
    div.popup-editor input[type="email"],
    div.popup-editor div#DeliveryAddress_PostcodeRow input {
        border: none;
        padding:3px;
        margin: 0;
        color: #000;
        width: 96%;
        background-color: transparent;
        background-image: none;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        text-align: left;
    }
    div.popup-editor div#DeliveryAddress_PostcodeRow {
        text-align: left;
    }
    div.popup-editor .form_row label {
        float: left;
        padding: 8px;
        position: absolute;
        margin-top: 4px;
        font-size: 10px;
        text-transform: uppercase;
    }
div.address-selector {
    display: block;
    width: auto;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    float: right;
    width: 50%;
}
    div.address-selector input {
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    div.address-selector .ui-widget-content {
        width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    div.address-selector img {
        position: absolute;
        top: 2px;
        right: 1px;
    }
    div.address-selector a.add_new_address {
        display: block;
    }

div.address-container {
    display: block;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #cedaf1;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    -khtml-border-radius: 26px;
    position: relative;
    margin:  10px 0;
    /*float: left;
    margin: 1%;
    width: 48%;*/
}
    div.address-container h1,
    div.address-container h2,
    div.address-container h3,
    div.address-container h4,
    div.address-container h5 {
        float: left;
        width: 50%;
        text-align: left;
    }
div.popup-editor div.contact_details,
div.popup-editor div.address_details {
    display: block;
    padding: 0;
}
    div.popup-editor.active div.contact_details,
    div.popup-editor.active div.address_details {
        float: left;
        width: 50%;
        box-sizing: border-box;
    }
div.form_row {
    display: block;
}

div.popup-editor.active div.form_row {
    border: 1px solid #bac9e5 !important;
    background-color: #e2eaf9 !important;
    text-align: right;
    margin: 2% !Important;
    position: relative;
    box-sizing: border-box;
    padding: 0 !important;
}
    div.popup-editor.active div.country.form_row {
        border: none !important;
        background-color: transparent !important;
    }
        div.popup-editor.active div.country.form_row label {
            display: none !important;
        }
    div.popup-editor.active select,
    div.popup-editor.active span.input,
    div.popup-editor.active div.country,
    div.popup-editor.active input[type="text"],
    div.popup-editor.active input[type="email"],
    div.popup-editor.active div#DeliveryAddress_PostcodeRow input {
        text-align: left;
        padding: 10px;
        color: #203661;
        box-sizing: border-box;
    }
        div.popup-editor.active span.input {
            display: block;
        }
        div.popup-editor.active input[type="text"],
        div.popup-editor.active input[type="email"] {
            background-image: url(../layout/icon_edit.png);
            background-repeat: no-repeat;
            background-position: right center;
            padding-left: 35% !important;
            padding-right: 25px;
            width: 100% !important;
        }
            div.popup-editor.active .postcode_lookup input {
                background-image: none !important;
            }
        div.popup-editor.active select {
            background-image: url(../layout/bg-icon-input-select-blue.png) !important;
            background-repeat: no-repeat;
            background-position: right center;
            padding-left: 35%;
            padding-right: 25px;
            text-align-last: left;
            direction: ltr;
            width: 100% !Important;
        }
        div.popup-editor.active div.country span.input {
            /*background-image: url(../layout/icon_locked.png);*/
            background-repeat: no-repeat;
            background-position: right center;
            /*padding-left: 25px;
            padding-right: 25px;*/
            box-sizing: border-box;
        }
    
div.popup-editor.active .postcode_lookup .input_container {
    display: block;
    border: 1px solid #bac9e5 !important;
    background-color: #e2eaf9 !important;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    -khtml-border-radius: 26px;
    height: 40px;
}
    div.popup-editor.active .postcode_lookup .input_container select,
    div.popup-editor.active .postcode_lookup .input_container input[type="text"],
    div.popup-editor.active .postcode_lookup .input_container input[type="email"] {
        position: absolute;
        top:0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 !Important;
        height: 38px;
        box-sizing: border-box;
        -moz-border-radius: 26px;
        -webkit-border-radius: 26px;
        border-radius: 26px;
        -khtml-border-radius: 26px;
        text-align: left;
        width: 100%;
        
    }
        div.popup-editor.active div.form_row input:focus,
        div.popup-editor.active div.form_row input:active,
        div.popup-editor.active div.form_row input:hover,
        div.popup-editor.active div.form_row select:focus,
        div.popup-editor.active div.form_row select:active,
        div.popup-editor.active div.form_row select:hover {
            background-color: #f0f4fa !important;
        }
            div.popup-editor.active input[type="text"]:focus,
            div.popup-editor.active input[type="email"]:focus {
                background-image: none !important;
            }
            div.popup-editor.active div.country.form_row:focus,
            div.popup-editor.active div.country.form_row:active ,
            div.popup-editor.active div.country.form_row:hover  {
                background-color: transparent !important;
            }
    div.popup-editor.active span#DeliveryAddress_postcodeprefix {
        position: absolute;
        color: #203661 !important;
        top: 10px;
        left: 8px;
    }

    div.popup-editor.active .postcode_lookup a.small_button {
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 5px;
        margin: 0 !important;
        padding: 6px 16px !important;
        -moz-border-radius: 26px;
        -webkit-border-radius: 26px;
        border-radius: 26px;
        -khtml-border-radius: 26px;
    }

div.preference_center div.popup-editor.active input[type=checkbox]{
    width: 20px;
    height: 20px;
}
div.preference_center div.popup-editor.active {
    padding-bottom: 80px;
}
div.preference_center div.popup-editor.active .controls {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10%;
    box-sizing: border-box;
    padding: 15px 30px 15px 0;
}
table.cartLandParcel,
table.cartLandParcel thead,
table.cartLandParcel tbody,
table.cartLandParcel tr {
    width: 100%;
}
span.select_radio,
span.offset_tickbox {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
}
/*span.select_radio {
    padding-top: 6px;
    padding-bottom: 6px;
}*/
span.select_radio label,
span.offset_tickbox label {
    position: relative;
    padding-left: 45px !important;
    padding-right: 45px !important;
    line-height: 1.6em;
    padding-top: 7px;
    z-index: 1;
    display: block;
    color: #115fb2 !Important;
}
span.offset_tickbox {
    min-height: 40px;
    margin-top: 10px;
}

span.offset_tickbox label:after,
span.offset_tickbox label:before,
input[type=checkbox].tickBox_terms {
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important; 
    -khtml-border-radius: 4px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
    z-index:1;
    background-color: #fff;
    border: 1px solid #becce5;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    -ms-transition: all .15s ease;
    transition: all .15s ease; 
}
    #taxTermsSection span.offset_tickbox label:after,
    #taxTermsSection span.offset_tickbox label:before,
    #taxTermsSection input[type=checkbox].tickBox_terms {
        background-color: #fffde8;
        border: 1px solid #baa773;
    }

div.radio_options label:before,
span.select_radio label:before,
span.select_radio label:after {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important; 
    -khtml-border-radius: 50% !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
    background-color: #fff;
    z-index:1;
    border: 1px solid #becce5;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    -ms-transition: all .15s ease;
    transition: all .15s ease; 
}
    div.radio_options label:before,
    span.select_radio label:before,
    span.select_radio label:after {
        width: 22px !important;
        height: 22px !important;
        background-image: url(../layout/cart/radio_unselected.png) !Important;
    }

    span.offset_tickbox label:after,
    span.offset_tickbox label:before,
    input[type=checkbox].tickBox_terms {
        width: 30px !important;
        height: 30px !important;
        /*background-image: url(../layout/cart/checkbox_terms.png);*/
    }


input[type=checkbox].tickBox_terms {
    display: inline-block;
    position: relative;
    top: 2px;
}

    input[type=checkbox].tickBox_terms:checked,
    span.select_radio input[type=radio]:checked + label:after,
    span.select_radio input[type=radio]:checked + label:before,
    span.offset_tickbox input[type=checkbox]:checked + label:after,
    span.offset_tickbox input[type=checkbox]:checked + label:before,
    span.offset_tickbox input[type=checkbox]:checked ~ label:after,
    span.offset_tickbox input[type=checkbox]:checked ~ label:before {
        -webkit-transition: all .15s ease;
        -moz-transition: all .15s ease;
        -o-transition: all .15s ease;
        -ms-transition: all .15s ease;
        transition: all .15s ease;
        background-color: #fff !Important;
    }

    input[type=checkbox].tickBox_terms:checked,
    span.offset_tickbox input[type=checkbox]:checked + label:after,
    span.offset_tickbox input[type=checkbox]:checked + label:before,
    span.offset_tickbox input[type=checkbox]:checked ~ label:after,
    span.offset_tickbox input[type=checkbox]:checked ~ label:before {
        background-image: url(../layout/cart/checkbox_terms_active.png) !Important;
        background-color: #fff;
        border: 1px solid #becce5 !Important;
    }

span.select_radio input[type=radio]:checked + label:after,
span.select_radio input[type=radio]:checked + label:before {
    background-image: url(../layout/cart/radio_selected.png) !Important;
}

span.select_radio label:after,
span.select_radio label:before,
span.offset_tickbox label:after,
span.offset_tickbox label:before {
    display: none;
}
span.select_radio.left label
span.offset_tickbox.left label {
    display: block;
    text-align: left !important;
}    
    span.select_radio.left label:before,
    span.offset_tickbox.left label:before {
        display: inline-block;
        content: "";
        position: absolute;
        left: 0;
        }
    span.offset_tickbox.left label:before {
        top: 0;
    }
span.select_radio.right label,
span.offset_tickbox.right label {
    /*padding-right: 45px !important;*/
    display: block;
}    
    span.select_radio.right label:before,
    span.offset_tickbox.right label:before {
        display: inline-block;
        content: "";
        position: absolute;
        right: 0;
        }
        span.select_radio label:before {
            top: 4px;
        }
span.select_radio input,
span.offset_tickbox input {
    position: absolute;
    z-index: 0;
    }
    span.offset_tickbox.left input {
        left: 10px;
        top: 10px;
        }
    span.offset_tickbox.right input {
        right: 10px;
        top: 15px;
        }
    span.select_radio.right input {
        right: 6px;
        top: 8px;
        }
    span.select_radio.left input {
        left: 6px;
        top: 8px;
        }
span.offset_tickbox label ul {
    display: block;
    padding: 8px 0 15px 10px;
}
    span.offset_tickbox label ul li {
        display: block;
        background-image: url(../layout/cart/bullet_point.png) !Important;
        background-repeat: no-repeat;
        background-position: left 8px;
        padding: 3px 0 6px 20px;
    }

span.select_radio label span.sidenote {
    display: block;
    float: right;
    font-size: 12px;
}

div.tickbox {
    display: block;
    padding: 0;
    margin-left: 25px;
    position: relative;
}
div.tickbox input[type=checkbox] {
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important; 
    -khtml-border-radius: 50% !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
    background-color: transparent !important;
    border: none !important;
    background-image: url(../layout/cart/option_unselected.png);
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    top: -7px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    float: left;
}
div.tickbox input[type=checkbox]:checked {
    background-image: url(../layout/cart/option_selected.png) !Important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
    div.tickbox label {
        font-size: 11px !important;
        color: #6983b5 !important;
        top: -11px !important;
        }
.label_selector {
    display: block;
    display: inline-block;
    width: auto;
    padding: 7px 0;
    margin: 0;
    position: relative;
}
    .label_selector.right input {
        position: absolute;
        right: 25px;
        top: 12px;
        z-index: 0;
    }
    .label_selector label {
        position: relative;
        z-index: 1;
        padding: 10px 5px 10px 0;
    }
        .label_selector.right label:after {
            right: -5px;
        }


.label_selector.right label:after,
.label_selector.left label:before {
    color: #fff;
    font-size: 11px;
    box-sizing: border-box;
    line-height: 22px;
    font-family: Arial;
    white-space: nowrap;
    text-align: center;

}
.yes_slider label:after,
.checkbox_slider,
.label_selector label:after,
.checkbox_selector label,
.offset_slider label:before,
.cart_orders_area input[type=checkbox] {
    display: block;
    display: inline-block;
    margin: auto;
    min-width: 46px;
    height: 25px;
    background-color: #bc2323;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
    -khtml-border-radius: 20px;
    position: relative;
    background-image: url(../layout/cart/checkbox_selector.png);
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    border: 1px solid #bc2323;
    outline: none;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
}
    .label_selector label:after {
        content:"";
    }
    .yes_slider input:checked + label:after,
    .yes_slider input:checked ~ label:after,
    .checkbox_slider:checked,
    .label_selector input:checked + label:after,
    .label_selector input:checked ~ label:after,
    .offset_slider input:checked + label:before,
    .offset_slider input:checked ~ label:before,
    .cart_orders_area input[type=checkbox]:checked,
    .checkbox_selector input:checked + label,
    .checkbox_selector input:checked ~ label {
        background-color: #42d15a !important;
        border: 1px solid #42d15a !important;
        background-position: right center !important;
    }

    .checkbox_selector.disable label {
        background-color: #777 !important;
        border: 1px solid #777 !important;
        background-image: url(../layout/cart/checkbox_selector-disable.png) !important;
        min-width: 76px;
    }
        .checkbox_selector.options.disable label:before, 
        .checkbox_selector.options.disable input:checked + label:after, 
        .checkbox_selector.options.disable input:checked ~ label:after {
            /*visibility: hidden !important;*/
            color: #bebebe !important;
        }

    .checkbox_selector input:checked + label.vat_alert {
        background-image: url(../layout/cart/checkbox_selector_alert.png) !important;
        background-color: #f6c500 !important;
        border: 1px solid #f6c500 !important;
    }

    .checkbox_slider + label,
    .checkbox_slider ~ label,
    .checkbox_selector input[type=checkbox],
    .checkbox_selector label span {
        display: none;
    }



        .checkbox_selector.show_label label span {
            display: inline-block !important;
            color: #054f95;
            position: absolute;
            top: 50%;
            left: 0;
            width: auto !important;
            transform: translate(-103%, -50%);
            text-align: right;
            font-size: 11px !important;
        }
        .checkbox_selector.show_label.warning label span {
            padding: 0 20px;
            margin: 10px 0;
            width: auto;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -khtml-border-radius: 10px;
            background-color: #feffdc;
            border: 1px solid #edebbd;
            padding: 20px 20px 20px 35px;
            margin: 0px;
            background-size: 25px;
            background-image: url(../layout/icon-alert-notice-yellow.png);
            background-repeat: no-repeat;
            background-position: left center;
        }
        }
        .checkbox_selector.show_label.floatright {
            top: 5px;
            position: relative;
        }
        th .checkbox_selector.show_label label span {
            color: #fff;
        }
.customs_invoice_table th:last-of-type {
    text-align: right;
}
.offset_slider {
    display: block;
    text-align: left;
    padding: 0px;
    position: relative;
}
    .offset_slider input {
        position: absolute;
        left: 25px;
        top: 13px;
        z-index: 0;
    }
    .offset_slider label {
        display: block;
        padding: 10px 10px 10px 70px;
        position: relative;
    }
    .offset_slider label:before {
        content: "";
        margin-right: 6px;
        position: absolute;
        left: 7px;
        top: 7px;
    }
    .offset_slider span {
        position: relative;

    }

.checkbox_slider.labelled:after {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
    
    
.checkbox_slider.labelled {
    padding-left: 25px;
    padding-right: 25px !important;
}

.checkbox_selector.options label:before,
.checkbox_selector.options label:after {
    display: block;
    text-align: center;
}
    .checkbox_selector.options label:after {
        position: absolute;
        top: 0;
        left: 0;
    }
    .checkbox_selector.options label:before,
    .checkbox_selector.options input:checked + label:after,
    .checkbox_selector.options input:checked ~ label:after {
        visibility: visible !important;
    }
    .checkbox_selector.options input:checked + label:before,
    .checkbox_selector.options input:checked ~ label:before,
    .checkbox_selector.options label:after {
        visibility: hidden !important;
    }

.checkbox_slider.labelled {
    width: auto !important;
}

.checkbox_slider.labelled:before,
.checkbox_slider.use_save:after,
.checkbox_selector.options label:before,
.checkbox_selector.options label:after,
.checkbox_selector input + label span {
    color: #fff;
    font-size: 11px;
    width: 100%;
    box-sizing: border-box;
    line-height: 22px;
    font-family: Arial;
    white-space: nowrap;
    font-weight: normal !important;

}
    .checkbox_slider.labelled:before,
    .checkbox_slider.use_save:after {
        display: block !important;
    }
.checkbox_slider.labelled:before {
    text-align: center;

}

.captcha,
.g-recaptcha,
.g-recaptcha div {
    display: block;
    width: 100% !important;
    text-align: center;
}
.compact_form .captcha {
    padding: 40px 0;
}
#submit_form,
#submit_form_disabled {
    display: none;
}
    #submit_form.active,
    #submit_form_disabled.active {
        display: inline-block !important;
    }
#submit_form_disabled {
    opacity: 0.50;
    filter: alpha(opacity=50);
}
    #submit_form_disabled:hover {
            background-color: #0f4c8a !important;
    }
.cart_orders_area .undo {
	width: 30px;
    height: auto;
    margin-right: 10px;
    position: relative;
    top: -4px;
    display: block;
    float: left;
	}

.cart_orders_area .undo img {
   
}
div.collection_upsaccesspoint_selection {
    text-align: center;
}
div.panelledArea {
    display: block;
    box-sizing: border-box;
    width: auto;
    padding: 0 0 50px;
    margin: 0 auto;
}


div.panelledArea .box,
div.cart_collection_section,
div.accesspoint_locations,
ul.tiled-panels li a {
    display: block;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #cedaf1;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px; 
    -khtml-border-radius: 26px;
    position: relative;
}

    div.cart_collection_section {
        width: auto;
        clear: both;
    }
    div.panelledArea .box {
        margin: 0 auto 30px !important;
    }
    div.shoparea.panelledArea .box {
        padding: 20px 20px 50px !Important;
    }
    div.cart_collection_section h2.heading,
    div.cart_collection_section h3.heading {
        padding: 5px 0 10px !important;
        
    }

.box.advert {
    text-align: center;
}
    .box.advert.dangerous {
        padding: 0px !important;
    }
        .box.advert.dangerous .heading {
            padding: 20px 10px 20px !Important;
        }
.box.advert img {
    width: 90%;
    max-width: 200px;
    margin: 0 0 20px;
}
    .box.advert div.white img {
        margin-bottom: 0px;
    }
    .box.advert div.white p {
        padding: 0 0 10px!important;
        margin: 0px !important;
        text-align: center;
        color: #000 !important;
    }


div.cart_collection_warning_order{
    padding: 6px 0px;
}

.cart_collection_warning_dialog .alt{
    background-color: #E2E9F9;
}

div.panelledArea .box h1.heading,
div.panelledArea .box h2.heading,
div.panelledArea .box h3.heading,
div.panelledArea .box h4.heading,
div.panelledArea .box h5.heading {
    padding: 10px 0 !important;
    margin: 0 !important;
}
    div.panelledArea .box .heading.small {
        font-size: 1.6em !important;
    }

div.cart_collection_summary,
div.cart_options_container,
div.cart_options_area,
div.cart_orders_area {
    display: block;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    
}
.cart_options_container { width: 100%; }


div.cart_collection_section div.logo {
    display: block;
    padding: 0 0 6px 0;
}
    div.cart_collection_section div.logo img {
     margin-right: 0px;
     max-width: 75px;
     -moz-border-radius: 7px;
     -webkit-border-radius: 7px;
     border-radius: 7px; 
     -khtml-border-radius: 7px;
     }
div.cart_options_area { 
    padding: 0px 0 20px 0;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; 
    -khtml-border-radius: 12px; 
}

div.collection_option_selection_area {
    display: block;
    clear: both;
    width: auto;
    margin-right: 10px;
    margin-bottom: 12px;
    position: relative;
    top: 16px;
    padding: 10px 10px 20px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; 
    -khtml-border-radius: 12px; 
    box-sizing: border-box;
}
div.collection_dhldepot_selection {
    text-align: center;
}
div.cart_orders_area { width: 40%; }

.cart_orders_area .order_row, 
.cart_orders_area .order_alt_row {
    display: block;
    padding: 10px 8px 10px 8px;
    position: relative;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
    -khtml-border-radius: 8px;
    font-size: 0.9em;
	}
div.cart_orders_area span.orderSummary {
    display: block;
    padding: 3px 80px 3px 8px;
}
div.cart_collection_summary p {
    width: auto !important;
    padding: 10px 0px 20px !important;
    margin: 0px 0 28px !important;
    font-size: 13px;
    border-bottom: 1px dashed #668dad;
    box-sizing: border-box;
}
    div.cart_collection_summary p.summary  {
        min-height: 100px !important;
    }
    div.cart_collection_summary p.address strong {
        color: #42719a !important;
        font-size: 16px
    }
div.cart_orders_area span.checkbox_selector {
    position: absolute;
    right: 8px;
    top: 6px;
}
div.cart_options_container div.collection_datetime_selection div,
div.collection_warehouse_dropoff_selection {
    display: block;
    padding: 7px 10px;
    width: auto;
    text-align: center;
    color: #42719a;
}
    div.collection_warehouse_dropoff_selection p {
        font-size: 12px;
    }
        div.collection_warehouse_dropoff_selection h5 {
            font-size: 13px;
            font-family: "RobotoBold" !important;
            color: #42719a !important;
        }
    div.cart_options_container div.collection_datetime_selection div a {
        text-transform: none;
    }
div.cart_orders_area div.button_row {
    display: block;
    width: auto;
    padding: 20px 0 0;
}
div.cart_options_container select {
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    -khtml-border-radius: 4px;
    border: 1px solid #bac9e5;
    max-width: 100%;
    }
div.accesspointdetails,
div.warehousedetails
 {
     /*background-image: url(../layout/cart/icon_accesspoint_locator.png);*/
     background-repeat: no-repeat;
     background-position: left top;
     text-align: center;
     display: block;
     padding: 5px 5px 5px 5px;
    }
div.accesspointdetails div {
    display: block;
    padding: 3px;
}
    div.accesspointdetails div.button_row {
        padding-top: 10px;
    }

div.cart_collection_section.confirmed {
    position: relative;
    height: auto;
    float: left;
    clear: none !important;
    margin: 1%;
}
    div.cart_collection_section.confirmed .tip_container {
        display: none;
    }
div.cart_collection_section.confirmed div.cart_collection_summary {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
}
    
    div.cart_collection_section.confirmed div.collection_section_content {
        /*width: 95%;*/
        box-sizing: border-box;
    }
    div.cart_collection_section.confirmed h3.heading {
        font-size: 1em !important;
        display: inline-block !important;
        padding: 0px !important;
        margin: 0px !important;
        }
        div.cart_collection_section.confirmed h3.heading:after {
            content: ":"
        }
    div.cart_collection_section.confirmed div.logo {
        text-align: left;
    }
    div.cart_collection_section.confirmed a.button_blue.small,
    div.cart_collection_section.confirmed a.button_white.small {
        position: absolute;
        top: 15px;
        right: 15px;
        min-width: 60px !important;
    }
div.cart_collection_summary p {
    line-height: 1.8em;
    box-sizing: border-box;
}

    div.cart_collection_summary p.summary {
        background-color: #E2E9F9;
        padding: 12px !important;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px; 
        -khtml-border-radius: 7px;
    }
div.proceed-container {
    display: block;
    clear: both;
    padding-top: 15px;
}
div.promotional-code {
    display: block;
    width: auto;
    max-width: 400px;
    padding: 3px 3px 3px;
    margin: 10px auto;
    border: 1px solid #afc0e1;
    box-sizing: border-box;
}
    
    div.promotional-code input {
        border: none;
        display: block;
        padding: 12px;
        margin: 0;
        height: 100%;
        color: #054f95;
        box-sizing: border-box;
        text-transform: uppercase;
        letter-spacing: 2px;
        outline: none;
        background-color: transparent;
        }
        div.promotional-code input::-webkit-input-placeholder { color: #7694b0; }
        div.promotional-code input::-moz-placeholder { color: #7694b0; }
        div.promotional-code input:-ms-input-placeholder { color: #7694b0; }
        div.promotional-code input:-moz-placeholder { color: #7694b0; }

    div.promotional-code a {
        border: none;
        display: block;
        padding: 8px;
        margin: 4px 0 0;
        height: 100%;
        background-color: #333;
        color: #fff;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        border: 1px solid #165a9f;
        position: relative;
    }

ul.loyalty-points,
ul.loyalty-points li {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    max-width: 800px;
    text-align: center;
    font-size: 0;
}
    ul.loyalty-points li {
        display: inline-block;
        text-align: center;
    }
        
        
        ul.loyalty-points li span {
            display: block;
            text-align: center;
        }
        ul.loyalty-points li div.circle  {
          border-radius: 50%;
          width: 100%;
          padding-bottom: 100%;
          position: relative;
          background: #0060a9;
          background: -webkit-linear-gradient(top, #75b7f6, #0060a9);
          background: -moz-linear-gradient(top, #75b7f6, #0060a9);
          background: linear-gradient(top, #75b7f6, #0060a9);
          border: 1px solid #0060a9;
          font-size: 16px
        }
            
        ul.loyalty-points li div.inner-circle {
            border-radius: 50%;
            width: 86%;
            padding-bottom: 86%;
            margin: 7%;
            background-color: #fff !important;
            position: absolute;
            top: 0;
            background: -webkit-linear-gradient(top, #fff, #d9e5ef);
            background: -moz-linear-gradient(top, #fff, #d9e5ef);
            background: linear-gradient(top, #fff, #d9e5ef);
            box-shadow: 0px 0px 2px #0060a9;
        }

            ul.loyalty-points li div.circle div.circle-content {
                position: absolute;
                top: 0;
                display: block;
                width: 100%;
                height: 100%;
                text-align: center;
            }
        ul.loyalty-points li div.circle span.value {
            display: block;
            width: 80%;
            margin: auto 10%;
            color: #000;
            letter-spacing: -1px;
            text-shadow: 0px 0px 5px #fff;
        }
        ul.loyalty-points li div.circle span.label {
            font-size: 12px;
            position: relative;
        }

        ul.loyalty-points li div.circle.credit {
                background: #42d15a;
                background: -webkit-linear-gradient(top, #42d15a, #019019);
                background: -moz-linear-gradient(top, #42d15a, #019019);
                background: linear-gradient(top, #42d15a, #019019);
                border: 1px solid #019019;
            }
        ul.loyalty-points li div.circle.credit div.inner-circle {
            box-shadow: 0px 0px 2px #019019;
        }
        ul.loyalty-points li div.circle.credit span.value,
        ul.loyalty-points li div.circle.credit span.label {
            color: #019019 !important;

        }


td.checkbox_slider_cell {
    width: 55px;
}

div.addressblock {
    display: block;
    line-height: 1.9em;
    padding: 20px 10px 10px;
}

div.orderDetail.box { display: none; }

p.instructions {
    display: block;
    padding: 0px 10px 20px 35px !important;
    margin: 0px !important;
    background-image: url(../layout/icon-label-viewdetail.png);
    background-repeat: no-repeat;
    background-position: 10px top;
    clear: both;
}
div.logo_container {
    display: block;
    width: 20%;
    float: left;
    padding: 0px 20px 0px 0px;
    box-sizing: border-box;
    max-width: 112px;
}
div.logo_container img {
    width: 100%;
    height: auto;
    max-width: 92px;
}
div.heading_information {
    display: block;
    width: 80%;
    float: left;
    padding: 0px 20px 20px 0px;
    box-sizing: border-box;
}
    div.heading_information div {
        display: block;
        font-size: 14px;
        line-height: 1.8em;
        padding: 0px 0 1px 0px;
        margin: 0;
        background-repeat: no-repeat;
        background-position: left 4px;
    }
    div.heading_information div.calendar {background-image: url(../layout/cart/icon_calendar.png); padding-left: 25px !important;}
    div.heading_information div.time {background-image: url(../layout/cart/icon_clock.png); padding-left: 25px !important;}
    div.heading_information div.location {background-image: url(../layout/cart/icon_location.png); padding-left: 25px !important;}


div.radio_options {
    display: block;
    width: auto;
    clear: both;
    padding: 0;
    height: 60px;
    text-align: center;
}
    div.radio_options label {
        position: relative;
    }
    div.radio_options label:before {
        content: "";
        display: block;
        padding: 0;
        margin: 0;
   }
    div.radio_options label.left:before {
        position: absolute;
        left: 5px;
        top: 5px;
    }
    div.radio_options label.right:before {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    div.radio_options input[type="radio"]:checked + label {
        background-color: #fff;
    }

div.radio_preference_container {
    display: inline-block;
    text-align: center;
    margin: auto;
}
div.radio_preferences {
    display: block;
    padding: 0px;
    width: auto;
    height: 60px;
    text-align: center;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px; 
    -khtml-border-radius: 14px;
    font-size: 0;
    margin: auto 20px;
}
    
    div.radio_preferences.white label {
        background-color: #fff;
    }

    div.radio_preferences h3,
    div.radio_preferences h4,
    div.radio_preferences h5 {
        float: left;
        display: block;
        font-size: 12px;
        padding: 11px 8px 0 0 !important;
        margin: 0px !important;
    }
        div.radio_options label,
        div.radio_preferences label {
            color: #6983b5 !important;
            display: block;
            float: left;
            font-size: 12px;
            padding: 9px 10px;
            box-sizing: border-box;
            border: 1px solid #a8b9d8;
            /*background-color: #e2eaf9;*/
            -webkit-transition: background-color .25s ease;
            -moz-transition: background-color .5s ease;
            -o-transition: background-color .5s ease;
            -ms-transition: background-color .5s ease;
            transition: background-color .5s ease;
            
            background-repeat: no-repeat;
            background-position: left center;
        }
            div.radio_preferences label {
                background-image: url(../layout/cart/option_unselected.png);
            }
            div.radio_options label.left,
            div.radio_preferences label.left {
                -webkit-border-top-left-radius: 30px !important;
                -moz-border-radius-topleft: 30px !important;
                border-top-left-radius: 30px !important;
                -webkit-border-bottom-left-radius: 30px !important;
                -moz-border-radius-bottomleft: 30px !important;
                border-bottom-left-radius: 30px !important;
                text-align: right !important;
                border-right: none !important;
                padding-left: 30px !important;
                }
                div.radio_options label.left {
                    padding-left: 40px !important;
                    }
                div.radio_preferences label.left {
                    padding-left: 30px !important;
                    }
            div.radio_options label.right,
            div.radio_preferences label.right {
                -webkit-border-top-right-radius: 30px !important;
                -moz-border-radius-topright: 30px !important;
                border-top-right-radius: 30px !important;
                -webkit-border-bottom-right-radius: 30px !important;
                -moz-border-radius-bottomright: 30px !important;
                border-bottom-right-radius: 30px !important;
                text-align: left !important;
                border-left: none !important;
                background-position: right center !important;
            }
                div.radio_options label.right {
                    padding-right: 40px !important;
                    }
                div.radio_preferences label.right {
                    padding-right: 30px !important;
                    }
                table.options_table div.radio_preferences label { white-space: nowrap; } 

        div.radio_preferences input[type="radio"]:checked+label {
          background-color: #fff ;
          color: #1bbd00 !Important;
          
        }
            div.radio_preferences input[type="radio"]:checked + label.left {
                background-position: left center;
                background-image: url(../layout/cart/option_selected.png) !important;
                background-repeat: no-repeat;
            }
            div.radio_preferences input[type="radio"]:checked + label.right {
                background-position: right center;
                background-image: url(../layout/cart/option_selected.png) !important;
                background-repeat: no-repeat;
            }
            div.radio_options input[type="radio"]:checked + label:before {
                  background-image: url(../layout/cart/radio_selected.png) !important;  
                  background-color: #fff !important;
                  -webkit-transition: background-color .25s ease;
                  -moz-transition: background .5s ease;
                  -o-transition: background .5s ease;
                  -ms-transition: background .5s ease;
                  transition: background .5s ease;
            }
            
        div.radio_preferences input[type="radio"] {
            position: absolute;
            left: -9999px;
        }
    div.radio_preferences.accesspoints {
        display: inline-block;
        margin: 20px auto 0;
    }
    div.radio_preferences.residential {
        margin-top: 10px;
        clear: both;
    }
    div.radio_preferences.addressLookup {
        margin: 20px auto 0 !important;
        max-width: 350px;
    }
        div.radio_preferences.addressLookup label {
            width: 50%;
        }
table td div.radio_preferences {
        width: 100%;
        margin: 0 !important;
        height: auto !important;
    }
table td div.radio_preferences label {
    width: 50%;
    
}

    table td div.radio_preferences label span {
        display: inline-block !important;
        font-weight: 500;
    }
    body.DE table.options_table td div.radio_preferences label.left {
        width: 55% !important;
    }
    body.DE table.options_table td div.radio_preferences label.right {
        width: 45% !important;
    }

div.radio_preferences.centered {
    display: inline-block !Important;
    margin: auto !important;
    float: none !important;
}
table.radio_options {
    max-width: 600px;
    
}
    table.radio_options span.note {
        padding-left: 10px;
    }
div.radio_options_container {
    display: block;
    padding: 0px 10px 20px;
    margin: 10px 0 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    -khtml-border-radius: 10px;
}
div.image_frame img {
    width: 90%;
    margin: 20px 5%;
    box-sizing: border-box;
    border: 15px solid #fff;
    box-shadow: 1px 6px 14px 0px #d9d9d9;
    text-align: center;
}
div.image_frame.angle_left img {
    transform: rotate(-5deg)
}
div.image_frame.angle_right img {
    transform: rotate(5deg)
}
a.viewcart {
    display: block;
    margin: 0;
    height: 40px;
    /*width: 60px;*/
    background-color: transparent;
    color: #fff;
    position: relative;
    top: 0px;
    background-image: url(../layout/cart/icon_shopping_basket.png);
    background-position: left center;
    background-repeat: no-repeat;
}

a.viewcart span.count {
    display: block;
    margin: 0;
    height: 30px;
    width: 30px;
    background-color: #33ccd6;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; 
    -khtml-border-radius: 50%;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 22px;
    border: 2px solid #296db3;
    text-shadow: 2px 1px #24b8c1;
    text-align: center;
    padding: 4px 0 0;
    box-sizing: border-box;
}
    a.viewcart:hover span.count {
        background-color: #4ad8e1;
        }
    a.viewcart span.count span {
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    a.viewcart.empty span.count {
        background-color: #5099e4 !important;
        cursor: default !important;
    }
    a.viewcart.empty {
        cursor: default !important;
    }
    #cartAlert,
    a.viewcart.cartFull span.count {
        background-color: #EC121B !important;
        text-shadow: 2px 1px #a30010 !important;
    }

    #cartAlert {
        display: block;
        color: #fff;
        text-align: center;
        padding: 10px 0;
    }
/*
table.radio_options.packinglist td {
    white-space: nowrap;
    padding: initial 8px !Important;
}
table.radio_options td p,
div.radio_preferences.packinglist label {
    white-space: nowrap;
}
    */

.validation_icon {
    display: inline-block;
    /*background-image: url(../layout/icon-alert-notice-red-small.png);
    background-repeat: no-repeat;
    background-position: center;*/
    background-color: #c70500;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    transform: translateY(-50%);
}
    .validation_icon:after {
        content: "!";
        display: block;
        color: #fff;
        position: absolute;
        transform: translateY(-45%);
        top: 50%;
        right: 0;
        width: 18px;
        height: 18px;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        font-family: Arial;
    }
.validation_intro,
.validation_notice,
.validation_success {
    font-family: Roboto;
    color: red;
    display: block;
    text-align: left;
    padding: 5px 15px;
    box-sizing: border-box;
}

.validation_success_banner {
    background-color: #42d15a;
    color: #fff;
    text-align: center;
    display: block;
}
.validation_success {
    background-color: #42d15a;
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 26px 0;
}
.no-upload-row {
    display: block;
    background: #eef3f6;
    color: #355681;
    padding: 10px;
    width: 96%;
    box-sizing: border-box;
    margin: 5px 2%;
}
table tr#DeliverySignatureSave {
    padding: 0px !important;
    position: relative;
    top: -20px;
}
    table tr#DeliverySignatureSave td {
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 11px;
    }
div.accesspoint_quickselect {
    display: block;
    padding: 0;
    width: 100%;
    margin: 0;
    clear: both;
}
.accesspoint_quickselect_header {
    background-image: url(../media/servicelogos/brand/ups-access-point.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 70px;
    padding: 10px 80px 10px 10px;
    text-align: left;
    font-weight: 300 !important;
    font-size: 16px;
}

    a.quick_select {
        display: block;
        padding: 12px 8px 12px 30px;
        color: #6983b5;
        font-size: 11px;
        box-sizing: border-box;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px; 
        -khtml-border-radius: 30px;
        background-image: url(../layout/cart/option_unselected.png);
        background-repeat: no-repeat;
        background-position: left center;
        text-decoration: none;
        margin: 8px 0;
        text-align: left;
    }
    a.selected {
        display: none;
        padding: 12px 8px 12px 30px;
        color: #6983b5;
        font-size: 11px;
        box-sizing: border-box;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px; 
        -khtml-border-radius: 30px;
        background-image: url(../layout/cart/option_unselected.png);
        background-repeat: no-repeat;
        background-position: left center;
        text-decoration: none;
        margin: 8px 0;
        text-align: left;
    }
        a.quick_select:hover,
        a.quick_select.active,
        a.quick_select:focus,
        a.selected:hover,
        a.selected:active,
        a.selected:focus {
            background-color: #fff;
        }
        a.selected.active,
        a.quick_select.active {
                background-image: url(../layout/cart/option_selected.png) !important;
                background-color: #fff !important;
        }
/*            a.selected.active span:after,
            a.quick_select.active span:after {
                content: "Selected";
                background-color: #09a80e;
                display: inline-block;
                color: #fff;
                padding: 6px 10px;
                position: absolute;
                top: 5px;
                right: 0;
                transform: translateY(-100%);
            }*/
            a.selected.active {
                display: block !important;
            }
div.accesspoint_locations {
    display: block;
    clear: both;
}
div.accesspoint-options {
    display: block;
    margin: 0 0 40px;
}
div.form_box label {
    display: block;
    text-align: left;
    padding: 2px 8px 8px;
    font-weight: 300 !important;
    font-size: 14px;
}
div.options {
    padding: 12px 12px 16px;
    color: #6983b5;
    box-sizing: border-box;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
    -khtml-border-radius: 20px;
    display: block;
    margin: 30px 0 30px;
}
    div.options ul,
    div.options ul li {
        display: block;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    div.options.condensed {
        margin: 0px !important;
        padding: 0px !important;
    }
    div.options.condensed tr {
        border: none !important;
    }
    div.options table {
        width: 100%;
        margin: 0;
        padding: 0;
    }    
    div.options ul li,
    div.options table tr {
        display: block;
        margin: 9px 0;
        box-sizing: border-box;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px; 
        -khtml-border-radius: 20px;
        border: 1px solid #bac9e5 !important;
    }
        div.options.noborder ul li,
        div.options.noborder table tr {
            border: none !important;
        }     
    div.options table td {
        padding: 10px;
        text-align: left;
    }

div#div_DeliveryAddress_signature div.radio_preferences {
    padding-bottom: 8px !Important;
    height: 30px !Important;
}
div.form_box,
div.address_lookup {
    padding: 12px 12px 16px;
    color: #6983b5;
    box-sizing: border-box;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
    -khtml-border-radius: 20px;
    display: block;
    margin: 30px 0 30px;
}
    .AddressDetails_Left div.address_lookup.newAddress, .AddressDetails_Right div.address_lookup.addressBook {
        display: none;
    }
        #RegistrationForm.AddressDetails_Left div.address_lookup.newAddress, .AddressDetails_Right div.address_lookup.addressBook {
            display: block;
        }
    div.address_lookup.newAddress,
    div.address_lookup.addressBook {
        margin-top: 0px !important;
    }

.address_lookup.addressBook img {
    display: none;
}
.address_lookup.addressBook input {
    background-image: url(../layout/icon_search_magnify.png);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: 98%;
    padding-right: 25px;
    box-sizing: border-box;
}
div.form_box input[type=text],
div.address_lookup input,
div.address_lookup select {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
    background-color: #fff;
    box-sizing: border-box;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
    display: block;
    padding: 10px 10px 10px 10px !important;
    border: 1px solid #bac9e5 !important;
    outline: none;
    width: 100%;
    margin: 0 0 5px;
    position: relative;
}
div.address_lookup select {
    background-position: 97% center;
    margin-bottom: 20px;
    padding-right: 30px !important;
    position: relative;
    
}

    div.address_lookup input {
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        -khtml-border-radius: 30px;
    }
        div.form_box input[type=text] {
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px; 
            -khtml-border-radius: 10px;
        }
        div.address_lookup input.lookup {
            
            background-repeat: no-repeat;
            background-position: right center;
        }
div.box .address_lookup table td.FormTableError {
    width: 15px;
    margin: 0 !important;
    padding: 0 !important;
}
    div.address_lookup div.input_container {
        display: block;
        width: 96%;
        margin: 0 2%;
        position: relative;
        padding: 0px 0px 10px 0;
    }
        div.address_lookup div.input_container img {
            position: absolute;
            top: 2px;
            right: 0px;
            outline: none;
        }
        div.address_lookup div.input_container .ui-widget-content {
            width: 100%;
            margin-bottom: 20px;
        }
a.small_button {
    padding: 8px 16px;
    margin: 10px 0 0;
    text-decoration: none;
    font-size: 11px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    border: none !important;
}
table.AgreementTable td.FormTableField {
    vertical-align: top;
}
table.AgreementTable.Freight td.FormTableField {
    width: 40px !important;
}
    table.AgreementTable.Freight td.FormTableField input {
        width: 20px;
        height: 20px;
    }

table.AgreementTable td ul {
    display: block;
    padding: 15px 0 0 20px;
    margin: 0;
    width: auto;
}
    table.AgreementTable td ul li {
        display: block;
        padding: 0px 0 10px 20px;
        margin: 0;
        box-sizing: border-box;
        width: 90%;
        background-image: url(../layout/list-icon-blue-small.png);
        background-position: left 3px;
        background-repeat: no-repeat;
        line-height: 1.8em;
    }

span.checkbox_button {
    border: none;
    display: inline-block;
    padding: 0px;
    margin: 15px auto 0 auto;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    position: relative;
}
    span.checkbox_button label {
        display: block;
        width: auto;
        height: auto;
        padding: 8px 20px 8px 30px;
        color:#6d84ae;
        border: 1px solid #afc0e1;
        background-color: #fff;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        -khtml-border-radius: 30px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all 0.1s ease-out;
     	-moz-transition: all 0.1s ease-out; 
       	-o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
    }
        span.checkbox_button.blue label {
                background-color: #296db3;
                border: 1px solid #165a9f;
                color: #fff;
            }
        span.checkbox_button input {
            position: absolute;
            left: 5px;
            top: 7px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            -o-appearance:none;
            appearance: none;
            width: 22px;
            height: 22px;
            background-color: #e2eaf9;
            border: 1px solid #afc0e1;
            background-image: url(../layout/cart/checkbox_terms-grey.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 85%;
            -webkit-transition: all 0.1s ease-out;
     	    -moz-transition: all 0.1s ease-out; 
       	    -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
        }
        span.checkbox_button :checked {
            background-image: url(../layout/tick_green.png);
            background-size: 60%;
            -webkit-transition: all 0.1s ease-out;
     	    -moz-transition: all 0.1s ease-out; 
       	    -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
            }
        span.checkbox_button :checked + label {
            background-color: #fff;
            -webkit-transition: all 0.1s ease-out;
     	    -moz-transition: all 0.1s ease-out; 
       	    -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
            
            }
            
table.split {
    margin: 0;
    padding: 0;
    border-collapse: separate;
    border-spacing: 8px 0px;
    table-layout : fixed;
    box-sizing:border-box;
}
    table.split tr {
       margin: 0;
       padding: 0; 
    }
    table.split tr th,
    table.split tr td {
       margin: 0;
       width: auto;
       text-align: center;
       border: 1px solid #afc0e1;
       box-sizing:border-box;
    }
    table.split tr th {
       background-color: #d3dff5;
       color: #6d84ae;
       }
    table.split tr td {
        background-color: #f7fafc;
        
    }
        table.split tr:nth-of-type(even) td {
            background-color: #e6f1f8;
        }


        table.split tr th.green,
        table.split tr td.green,
        span.checkbox_button :checked + label {
            border-color: #97d8a1 !important;
        }
        table.split tr th.green {
            background-color: #bff2c7;
            color: #49a358;
                
        }
        table.split tr td.green,
        span.checkbox_button :checked + label {
            color: #47b657;
        }
    table.split.four td {
        width: 25%;
    }

div.surveyArea {
    background-color: #efefef;
}

div.checkbox_container {
    display: block;
    padding: 12px;
    margin: 12px 8px 8px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
}

    div.checkbox_container input {
        display: inline-block;
    }
    div.checkbox_container label {
        position: relative;
        top: -9px;
        margin: 0 6px;
    }
    div.checkbox_container .label_selector label {
        top: 0 !important;
    }
    div.checkbox_container.slider {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    div.checkbox_container.slider label {
        top: 0 !important;
    }
.warning-message div.checkbox_container a#ActivateDGDeclarations {
    text-decoration: none;
    color: #004a8a !important;
}
div.packing_list_container p {
    padding-bottom: 20px;
}
ul.address_list {
    display: block;
    padding: 30px 0;
    list-style-type: none;
}
    ul.address_list li {
        list-style-type: none;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 85px auto;
        padding-top: 45px;
    }
    ul.address_list li.pp {
        background-image: url(../layout/logo_post_packaging.png);
    }
    ul.address_list li.tg {
        background-image: url(../layout/logo_tg.png);
    }
    ul.address_list li strong {
        font-size: 16px;
        display: block;
        padding: 6px 0;
        text-align: center;
    }
    ul.address_list li span {
        display: block;
        padding: 4px 0;
        text-align: center;
    }
    ul.address_list li a {
        margin: 20px 0 50px;
        display: inline-block;
    }
.video_helper {
    overflow: hidden;
    display: block;
    height: auto;
    max-height: 500px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
    float: right;
}
    .video_helper.active {
        z-index: 3001;
        height: 500px;
        float: none;
    }
.video_helper .video_player {
    width: 100%;
    right: -9999px;
    position: absolute;
}

    .video_helper.active .video_player {
        animation: 0.5s ease-out 0s 1 VideoSlideIn;
        animation-fill-mode: forwards;
    }
@keyframes VideoSlideIn {
    0% {
        right: -9999px;
    }

    100% {
        right: 0;
    }
}
.video_helper .trigger {
    display: block;
    background-image: url(../layout/icon_play_video.png);
    background-repeat: no-repeat;
    background-position: center 15px;
    background-size: 70px auto;
    padding: 75px 10px 15px;
    text-align: center;
    width: 100px;
    margin: auto;
    box-sizing: border-box;
    font-family: "Lato";
    color: #42719a;
    cursor: help;
    font-weight: bold;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
}
.video_helper.active .trigger {
    display: none;
}
.video_helper.active .close_video_helper {
    width: 36px;
    height: 36px;
    right: 15px !important;
    top: 5px;
    left: initial !important;
    z-index: 8000;
    background-color: #01619e;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    display: block;
    position: fixed;
    text-indent: -9999px;
    background-image: none;
    padding: 0 !important;
    box-shadow: none;
    border: none;
}
    .video_helper.active .close_video_helper:before, .video_helper.active .close_video_helper:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 3px;
        background-color: white;
        top: 17px;
        box-shadow: 0 0 2px 0 #ccc;
    }

    .video_helper.active .close_video_helper:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 8px;
    }

    .video_helper.active .close_video_helper:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 8px;
    }


.slider_container {
    display: block;
    overflow-x: hidden;
    width: auto;
    padding: 10px 0 0;
    text-align: center;
}
	.slider.left {
		display: block;
		width: 90%;
		padding: 0px;
		margin: 0;
		position: fixed;
		right: -90%;  
        z-index: 100;
		-webkit-transition: all 0.3s ease-out;
     	-moz-transition: all 0.3s ease-out; 
       	-o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        text-align: left;
        box-sizing: border-box;
        
		}
		.slider.left.active {
			-webkit-transition: all 0.3s ease-out;
     		-moz-transition: all 0.3s ease-out;
       		-o-transition: all 0.3s ease-out;
        	transition: all 0.3s ease-out;
            z-index: 5000 !important;
            background-color: transparent !important;
			}
		.slider.left .trigger {
			display: block;
			width: 70px;
            height:50px;
			position: absolute;
			left: -70px;
            -webkit-border-top-left-radius: 50px;
            -webkit-border-bottom-left-radius: 50px;
            -moz-border-radius-topleft: 50px;
            -moz-border-radius-bottomleft: 50px;
            border-top-left-radius: 50px;
            border-bottom-left-radius: 50px;
            background-repeat: no-repeat;
            background-position: center;
			}
        .slider.left.active .trigger {
            width: 35px;
            height:35px;
            background-image: url(../layout/cart/close_video_grey.png);
            background-repeat: no-repeat;
            background-position: center;
            right: 15px !important;
            top: 5px;
            left: initial !important;
            z-index: 8000;
            background-color: transparent !important;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%; 
            -khtml-border-radius: 50%;

        }
            .slider.left .trigger span {
                display: block;
                width: 40px;
                height: 40px;
                background-color: #fff;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%; 
                -khtml-border-radius: 50%;
                text-indent: -999px;
                overflow: hidden;
                position: relative;
                left: 5px;
                top: 5px;
                -webkit-animation: subtlepulse 1s ease-out;
                -webkit-animation-iteration-count: 3; 
                opacity: 1;
                background-image: url(../layout/cart/q-mark.png);
                background-repeat: no-repeat;
                background-position: center;
            }

ol.products,
ul.products {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
    ol.products li,
    ul.products li {
        display: block;
        float: left;
        width: 31%;
        margin: 30px 1%;
        box-sizing: border-box;
        padding: 20px;
        background-color: #fff;
        border: 1px solid #cedaf1;
        text-align: center;
        -moz-border-radius: 26px;
        -webkit-border-radius: 26px;
        border-radius: 26px;
        -khtml-border-radius: 26px;
        min-height: 40px;
        }
        ol.products li.boxes,
        ul.products li.boxes,
        ol.products li.crates,
        ul.products li.crates {
        
        }
        ol.products li li,
        ul.products li li {
            width: 100% !important;
            padding: 5px 0px !important;
            border: none !important;
            margin: 0 !important;
            text-align: left;
            min-height: initial !important;

        }
        ol.products li ul,
        ul.products li ul,
        ol.products li ol,
        ul.products li ol {
            display: block;
            min-height: 100px;
        }
        ul.products li img {
            width: 90%;
            margin: 0 5%;
            max-width: 200px;
        }
div.data_table#SurchargeComparison .carrier_IDs th.data_table_label {
    background-color: #fff;
}
div.data_table#SurchargeComparison .carrier_IDs th.data_table_label:after {
    background-color: #fff;
}
/* CART PROCESSING TABLE */
.oddcart {
    background-color: #fff !important;
}

    .evencart {
        background-color: #e2eaf9 !important;
    }

    .loading {
        background-image: url(https://www.transglobalexpress.com/assets-uk/layout/ajax-loader.gif);
        background-size: 25px;
        height: 25px;
        width: 25px;
        margin: auto;
        background-position: center;
        -webkit-transition: background .25s ease;
        -moz-transition: background .25s ease;
        -o-transition: background .25s ease;
        -ms-transition: background .25s ease;
        transition: background .25s ease;
    }

    .complete {
        background-image: url(https://www.transglobalexpress.com/assets-uk/layout/cart/icon_tick_green.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 25px;
        width: 25px;
        margin: auto;
        -webkit-transition: background .25s ease;
        -moz-transition: background .25s ease;
        -o-transition: background .25s ease;
        -ms-transition: background .25s ease;
        transition: background .25s ease;
    }

    .bulkuploaderror {
        background-image: url(https://www.transglobalexpress.com/assets-uk/layout/cart/icon_remove.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 25px;
        width: 25px;
        margin: auto;
        -webkit-transition: background .25s ease;
        -moz-transition: background .25s ease;
        -o-transition: background .25s ease;
        -ms-transition: background .25s ease;
        transition: background .25s ease;
    }
    
    #cartProcessing {
        display: none;
        margin: auto;
        max-width: 600px;
        width: 90%;
        position: fixed;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    table.cart_processing {
        box-shadow: 0px 10px 10px #222;
        box-sizing: border-box;
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        -khtml-border-radius: 10px !important;
        font-size: 12px;
    }
    table.cart_processing th {
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
        -khtml-border-radius: 0px !important;
    }
        table.cart_processing td {
            padding: 12px 8px !important;
        }
        
        table.cart_processing tbody {
            display: block;
            overflow-y: auto;
            max-width: 600px;
            width: 100%;
            -webkit-border-bottom-left-radius: 10px;
            -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            -moz-border-radius-bottomright: 10px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        table.cart_processing,
        table.cart_processing thead,
        table.cart_processing thead tr,
        table.cart_processing thead th:first-of-type {
            -webkit-border-top-left-radius: 10px !important;
            -moz-border-radius-topleft: 10px !important;
            border-top-left-radius: 10px !important;
        }
            table.cart_processing thead th:last-of-type {
                -webkit-border-top-right-radius: 10px !important;
                -moz-border-radius-topright: 10px !important;
                border-top-right-radius: 10px !important;
            }

            table.cart_processing thead,
            table.cart_processing tbody tr {
                display: table;
                table-layout: fixed;
                width: 100%;
            }

            table.cart_processing img.cartImg {
                max-width: 50px;
                height: auto;
                float: left !important;
            }
            table.cart_processing td.processingStatus {
                text-transform: uppercase;
                font-size: 11px;
                letter-spacing: 1px;
                color: #668dad;
            }
            table.cart_processing .cartServiceTitle {
                line-height: 2em;
            }

/* END OF CART PROCESSING TABLE */

.update_section form {
    text-align: center !important;
}
h1.offset_up,
h2.offset_up, 
h3.offset_up, 
h4.offset_up,
h5.offset_up {
    position: relative;
    top: -25px;
}
div.form_section {
    display: block;
    width: auto;
    padding: 20px 0 0;
    margin: 0 auto;
    box-sizing: border-box;
}
    div.form_section div {
        position: relative;
    }
    div.form_section div.field {
        display: block;
        width: auto;
        padding: 0;
        margin: 0 auto 12px;
        box-sizing: border-box;
        position: relative;
        clear: both;
    }
        div.form_section div.field label,
        div.form_section div.field input {
            display: block !Important;
            height: 100%;
            width: 100%;
            padding: 10px 15px 10px 30px;
            margin: 0;
            border: none;
            text-align: left;
            box-sizing: border-box;
            z-index: 0;
            transition:
              background 0.2s,
              color 0.2s,
              top 0.2s,
              bottom 0.2s,
              right 0.2s,
              left 0.2s;
        }
            div.form_section div.field input {
                -moz-border-radius: 7px !important;
                -webkit-border-radius: 7px !important;
                border-radius: 7px !important;
                -khtml-border-radius: 7px !important;
                border: 1px solid #bac9e5;
                background-color: #e2eaf9 ;
                -webkit-appearance: none;
            }
    div.form_section div.field label {
        position: absolute;
        top: 0;
        left: 0;
        color:#6983b5 ;
    }
        div.form_section div.field input:focus,
        div.form_section div.field input:valid {
            background-color: white;
            padding-top: 22px !important;
            transition:
              background 0.2s,
              color 0.2s,
              top 0.2s,
              bottom 0.2s,
              right 0.2s,
              left 0.2s,
              padding 0.2s;
            
        }
            div.form_section div.field input:focus {
                border: 1px solid #bc2323;
            }
            
            div.form_section div.field input:valid {
                border: 1px solid #c6e3cb !important;
                background-color: #e5f9e9;
            }
                div.form_section div.field input:valid:focus {
                    background-color: #fff !important;
                }
                div.form_section div.field input:valid + label {
                    color: #5eaf6c !important;
                }
        div.form_section div.field input:focus + label,
        div.form_section div.field input:valid + label,
        div.form_section div.field input.input-validation-error + label {
            color: #6983b5;
            font-size: 11px;
            padding: 5px 15px 0px 30px !important;
            height: auto !important;
            transition:
              background 0.2s,
              color 0.2s,
              top 0.2s,
              bottom 0.2s,
              right 0.2s,
              left 0.2s;
            -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.form_section div.field input.input-validation-error {
                padding-top: 22px !important;
                background-color: #fef0f1;
            }
        div.form_section div.field input:focus:invalid + label,
        div.form_section div.field input.TextBox.input-validation-error + label {
            color: #bc2323 !important;
        }
        div.form_section div.field span.field-validation-error {
            position: absolute;
            top: 6px;
            right: 10px;
        }
div.form_section div.hover {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 10;
}
div.interactive {
    display: block;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    font-family: "Roboto";
}
    div.interactive table.i_packing_list,
    div.interactive table.i_packing_list table {
        width: 100%;
    }
        div.interactive table.i_packing_list td {
            padding: 5px 12px;
            vertical-align: top;
            text-align: left;
        }
        div.interactive table.i_packing_list .summary_table td {
            padding: 0 !Important;
            width: 50%;
        }
        div.interactive table.i_packing_list .taxID .summary_table td.table_Label,
        div.interactive table.i_packing_list .taxID .summary_table td:nth-of-type(2) {
            width: auto !important;
        }
            div.interactive table.i_packing_list tr.center td {
                text-align: center;
            }
        div.interactive table.i_packing_list span.data {
            display: inline-block;
            background-color: #dfe9f2;
            min-width: 80px;
            padding: 8px 12px;
            -moz-border-radius: 5px !important;
            -webkit-border-radius: 5px !important;
            border-radius: 5px !important;
            -khtml-border-radius: 5Spx !important;
            position: relative;
            top: 3px;
            z-index: 0;
            }
div.focus_blur:hover {
    /*background-color: #efefef;*/
}
        div.focus_blur:hover table.i_packing_list span.data {
            background-color: #dfe9f2;
        }
table.i_packing_list .description_values {
    margin-top: 20px;
}
table.i_packing_list .address_heading {
    display: block;
    padding: 10px 0 8px;
}
table.i_packing_list p {
    width: 100%;
    padding: 2px 0;
    margin: 0;
    font-size: 11px;
}
table.i_packing_list .signature_table {
    margin: 10px 0 0;
}
    table.i_packing_list .signature_table td {
        width: 10%;
        padding: 5px !important;
        box-sizing: border-box;
        z-index: auto;
    }
        table.i_packing_list .signature_table td.signature_field {
            width: 45%;
            height: 70px;
            font-size: 11px;
            vertical-align: top;
            border: 3px solid #eeeeee;
        }
div.focus_blur .blur td,
div.focus_blur .blur img {
    cursor: help;
    position: relative;
    -webkit-transition: all 200ms ease 0.1s;
    -moz-transition: all 200ms ease 0.1s;
    -o-transition: all 200ms ease 0.1s;
    transition: all 200ms ease 0.1s;
}
    div.focus_blur:hover .blur {
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px);
        cursor: pointer;
        -webkit-transition: all 200ms ease 0.1s;
        -moz-transition: all 200ms ease 0.1s;
        -o-transition: all 200ms ease 0.1s;
        transition: all 200ms ease 0.1s;
}
div.focus_blur .blur td {
    z-index: 0;
}
    div.focus_blur .blur.focus:hover {
        -webkit-filter: blur(0px) !important;
        -moz-filter: blur(0px) !important;
        -o-filter: blur(0px) !important;
        -ms-filter: blur(0px) !important;
        filter: blur(0px) !important;
        -webkit-transform: translateZ(0) !important;
        cursor: help !important;
        -webkit-transition: all 200ms ease 0.1s;
        -moz-transition: all 200ms ease 0.1s;
        -o-transition: all 200ms ease 0.1s;
        transition: all 200ms ease 0.1s;
        background-color: #fff;
        z-index: 2000 !important;
        box-shadow: 0 0 20px 20px #ffffff;
        -moz-border-radius: 12px !important;
        -webkit-border-radius: 12px !important;
        border-radius: 12px !important;
        -khtml-border-radius: 12px !important;
        }
        div.focus_blur .blur.focus:hover td,
        div.focus_blur .blur.focus:hover span.data,
        div.focus_blur .blur.focus:hover .hover_note {
            z-index: 2000 !important;
        }

.shipping_address span.data, 
.delivery_address span.data {
    width: 70%;
    max-width: 155px;
}
    .shipping_address span.data:first-of-type,
    .delivery_address span.data:first-of-type {
        max-width: 155px;
    }
    .shipping_address span.data:last-of-type,
    .delivery_address span.data:last-of-type {
        max-width: 95px;
    }
    .shipping_address span.data:nth-of-type(even) {
        max-width: 195px;
    }
    .delivery_address span.data:nth-of-type(odd) {
        max-width: 185px;
    }
    .shipping_address span.data.country,
    .delivery_address span.data.country {
        max-width:120px;
    }
    .shipping_address span.data.postcode,
    .delivery_address span.data.postcode {
        max-width: 60px;
    }
    .description_values tr:nth-of-type(2) span.data {
        width: 90%;
        max-width: 195px;
    }
    .description_values tr:nth-of-type(3) span.data {
        width: 90%;
        max-width: 225px;
    }
    .description_values tr:nth-of-type(4) span.data {
        width: 90%;
        max-width: 170px;
    }
.taxID span.data,
tr.eori_number span.data,
tr.airway_bill span.data  {
    width: 85%;
    max-width: 170px;
}

tr.freight_cost span.data {
    width: 65%;
    min-width: 20px !important;
    max-width: 50px;
}

tr.consignment_summary span.data {
    width: 85%;
}
        
div.focus_blur .blur.focus {
    position: relative;
}
div.focus_blur .blur.focus .hover_note {
    display: none;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    box-sizing: border-box;
    color: #fff;
    padding: 20px;
    background-color: #2d4155;
    -webkit-transition: all 200ms ease 0.1s;
    -moz-transition: all 200ms ease 0.1s;
    -o-transition: all 200ms ease 0.1s;
    transition: all 200ms ease 0.1s;
    -moz-border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    border-radius: 12px !important;
    -khtml-border-radius: 12px !important;
    z-index: 2000;
    min-width: 300px;
}
    div.focus_blur .blur.focus .hover_note:before {
        content: "";
        width: 0;
        height: 0;
        top: -12px;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
    border-bottom: 12px solid #2d4155;
    }
    
    div.focus_blur .blur.focus:hover .hover_note {
        display: block;
        
    }
    div.focus_blur .blur.focus .hover_note strong {
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 400;
        display: block;
        margin-bottom: 8px;
        padding-bottom: 4px;
        border-bottom: 1px solid #00aaf9;
    }
    div.focus_blur .blur.focus .hover_note a {
        color: #52c5fb !important;
    }

.packing_list_template {
    background-color: #fff;
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto 50px;
    max-width: 890px;
    padding: 20px 50px 20px;
    box-shadow: 0px 2px 11px 0px #879cb1;
    -webkit-transition: all 200ms ease 0.1s;
    -moz-transition: all 200ms ease 0.1s;
    -o-transition: all 200ms ease 0.1s;
    transition: all 200ms ease 0.1s;
}
    div.focus_blur.packing_list_template:hover {
        background-color: #b4c3d2 !important;
        -webkit-transition: all 200ms ease 0.1s;
    -moz-transition: all 200ms ease 0.1s;
    -o-transition: all 200ms ease 0.1s;
    transition: all 200ms ease 0.1s;
    }
    .packing_list_template .footer {
        display: block;
    }
    .packing_list_template .footer ul,
    .packing_list_template .footer ul li {
        list-style: none;
    }
        .packing_list_template .footer ul {
            display: block;
            background-image: url(../layout/rpt-chevrons.png);
            background-position: center bottom;
            background-repeat: repeat-x;
            padding: 40px 0 15px;
            margin-bottom: 5px;
        }
            .packing_list_template .footer ul li {
                display: inline-block;
                box-sizing: border-box;
                margin: 0 2%;
                width: 20%;
                text-align: center;
            }
                .packing_list_template .footer ul li img {
                    width: 80%;
                    max-width: 30%;
                    height: auto;
                }
        .packing_list_template .footer span {
            display: block;
            padding: 8px 0 0;
            font-size: 11px;
            }
        
        .packing_list_template .title,
        .packing_list_template .header,
        .packing_list_template .footer span {
            color: #004a8a !important;
        }
       .packing_list_template .title td {
            font-weight: 800;
            font-size: 15px;
            padding-top: 10px !important;
        }
    .packing_list_template .package_detail {
        font-size: 11px;
        margin-bottom: 15px;
    }
        .packing_list_template .package_detail strong {
            font-size: 12px;
        }
        .packing_list_template .package_detail b {
            display: block;
            font-size: 11px !important;
        }
    .packing_list_template b,
    .packing_list_template strong,
    .packing_list_template .table_Label,
    .packing_list_template .table_header {
        color: #000 !important;
        font-size: 12px;
    }
    .packing_list_template .table_header,
    .packing_list_template .table_Label {
        font-weight: 800;
        font-size: 12px;
    }

@-webkit-keyframes subtlepulse {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.1, 1.1); opacity: 0.0;}
}

        .slider.left.active .trigger span {
            display: none;
        }
        .slider.left.active .video_player
         {
            background-color: transparent !important;
        }

.pulse {
    -webkit-animation: pulse 1s ease-out;
    -webkit-animation-iteration-count: 3; 
    opacity: 1;
}

@-webkit-keyframes pulse {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

div.edit_section {
    position: absolute; 
    right: 3px;
    top: 3px;
}
    div.edit_section a {
        display: block;
        background-color: transparent;
        background-image: url(../layout/cart/icon_cog.png);
        background-repeat: no-repeat;
        background-position: center 15px;
        padding: 0px 0px 0px;
        color: #054f95;
        text-align: center;
        }
        div.edit_section a:before {
            content: "";
            width: 40px;
            height: 40px;
            display: inline-block;
            background-color: #054f95;
            background-image: url(../layout/cart/icon_cog.png);
            background-repeat: no-repeat;
            background-position: center;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%; 
            -khtml-border-radius: 50%;
        }
        div.edit_section a span {
            display: block;
        }

table.checkout img {
    max-width: 60px;
    height: auto;
}

div.container-agree-terms {
    display: block;
    width: auto;
    margin: 20px 0 10px;
    padding: 15px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px; 
    -khtml-border-radius: 14px;
}

div.box.packinglist,
div.box.consignmentinfo {
    margin: 40px 2% 40px auto !important;
}
    div.box.consignmentinfo table {
        width: 100%;
    }
        div.box.consignmentinfo table td input {
            width: 95%;
        }    
    div.box.consignmentinfo table td input.disabled,
    div.box.consignmentinfo table td input:disabled,
    div.box.consignmentinfo table td input:read-only {
        background-color: #fff !important;
        border: none !important;

    }

.video_player.packinglist {
    display: block !important;
    
}
.video_player.help {
    width: 100%;
    margin: 0 0 0 !important;
    display: block !important;
    }
.video_player.dangerous {
    margin-top: 20px;
    background-color: transparent;
    display: block !important;
}
    .video_player.dangerous span.note {
        display: none;
    }
div.popup-status {
    display: block;
    padding: 20px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
    color: #fff;
}
    div.popup-status,
    div.video-popup h1,
    div.video-popup h2,
    div.video-popup h3,
    div.video-popup h4,
    div.video-popup h5,
    div.video-popup .video_player {
        z-index: 9999;
    }
    div.popup-status span,
     div.popup-status span.note {
        display: block;
        color: #fff;
    }
div.video-popup {
    display: block;
}
    div.video-popup.close,
    div.video-popup.close div.overlay {
        height: 0%;
        width: 0%;
        position: absolute;
        left: -9999px;
        display: none;
    }
div.video-popup .video_player {
    top: 10%;
    background-color: #fff !important;
    width: 100% !important;
    margin: 0 !important;
    position: fixed;
}
.video_player p {
    display: block;
    text-align: center !important;
    padding: 0 0 20px 0 !important;
    margin: 0px auto !important;
}
    div.video-popup h1,
    div.video-popup h2,
    div.video-popup h3,
    div.video-popup h4,
    div.video-popup h5 {
        position: relative;
        text-align: center;
        top: -15px;
    }
/*div.box.account_admin,
div.box.recent_orders {
    width: 49%;
}
div.box.recent_orders {
    margin-left: 0.5% !important;
    float: right;
}
div.box.account_admin {
    margin-right: 0.5% !important;
    float: left;
}*/
.save_quotation_form {
    display: block;
    font-family: "Roboto";
    text-align: center;
}
    .save_quotation_form div {
        text-align: left;
        padding: 3px 0;
    }
        .save_quotation_form div.button_container {
            text-align:center;
            padding-top: 20px;
        }
    span#litQuoteID,
    .save_quotation_form p,
    .save_quotation_form label {
        color: #103963;
    }
        span#litQuoteID {
            font-weight: bold;
        }
    #litQuoteID,
    .save_quotation_form label,
    .save_quotation_form input[type="text"] {
        display: inline-block;
        width: 45%;
        box-sizing: border-box;
        padding: 8px;
        text-align: left;
    }
        .save_quotation_form label {
            text-align: right;
        }
    .save_quotation_form input[type="text"] {
        max-width: 300px;
        border: 1px solid #004a8a;
    }
div#SaveQuotePopup {
    /*display: none;*/
}
    div#SaveQuotePopup.active {
        /*display:block;*/
    }
    div#SaveQuotePopup .overlay {
        display: none;
        height: 100%;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 500;
        background: rgba(255,255,255,0.8);
    }
    div#SaveQuotePopup.active .overlay {
        display: block;
    }
    div#SaveQuotePopup .save_quote_form,
    div#SaveQuotePopup .save_quote_form iframe {
        position: fixed;
        display: block;
        top: 160%;
        left: 50%;
        width: 80%;
        height: 220px;
        max-width: 530px;
        transform: translate(-50%);
        z-index: 501;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }
        div#SaveQuotePopup.active .save_quote_form {
            top: 30%;
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            transition: all 1s;
            text-align: center;
        }
            div#SaveQuotePopup.active .save_quote_form h5 {
                text-align: center;
                background-color: #296db3;
                color: #fff !important;
                font-family: "Roboto" !important;
                font-weight: 300;
                font-size: 14px;
            }
            div#SaveQuotePopup.active .save_quote_form p {
                color: #103963;
                text-align: center;
                display: block;
                padding: 30px 20px 20px;
                width: 90%;
                margin: auto;
                max-width: 400px;
                font-family: "Roboto" !important;
                box-sizing: border-box;
            }
            div#SaveQuotePopup.active .save_quote_form iframe {
                top: 0%;
                opacity: 1;
                filter: alpha(opacity=100);
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                transition: all 1s;
            }
        div#SaveQuotePopup .save_quote_form {
            border: 2px solid #296db3;
            background-color: #fff;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -khtml-border-radius: 10px;
            overflow: hidden;
        }
    div#SaveQuotePopup .save_quote_form iframe {
        width: 100%;
        top: 0;
        overflow: hidden;
    }
    div#SaveQuotePopup.hide .overlay,
    div#SaveQuotePopup.active.hide .overlay,
    div#SaveQuotePopup.hide .save_quote_form,
    div#SaveQuotePopup.active.hide .save_quote_form {
        display: none !important;
    }
#SaveQuotePopup .close {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2000;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../layout/icon-deactivate-menu-white-small.png);
    cursor: pointer;
}
#SaveQuotePopup a#HideSaveQuotePanel {
    position: absolute;
    bottom: 19px;
    font-family: "Roboto";
    z-index: 505;
    left: 10px;
    font-size: 12px;
    color: #0185cd;
    background-image: url(../layout/icon_archive_blue.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    padding-left: 25px;

}
div.box table td {
    padding: 12px 5px;
    box-sizing: border-box;
}
    div.box table td.labels {
        padding-left: 0;
        padding-right: 0;
    }
    
    div.box .table td.FormTableField  {
        width: 50%;
    }
    div.box .address_lookup table td.FormTableField  {
        width: auto !important;
    }
    div.box div.containerPaging td {
        padding: 0px !important;
    }

div.box .address_lookup table tr.country_select label {
    display: block;
    color: #004a8a;
    font-size: 13px;
    padding: 0 0 5px;
}
div.box .address_lookup table tr.country_select select {
    background-color: #fff !important;
    max-width: 400px;
    margin: auto;
}

table.options_table input[type=text],
div.box table input[type=password],
div.box table input[type=text],
div.box table select {
    padding: 8px !important;
    width: 98%;
    box-sizing: border-box;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    outline: none;
}
    div.box div.containerPaging select {
        width: 50px !important;
    }
div.box
 table select {
    background-image: url(../layout/bg-icon-input-select-blue.png) !important;
}
    div.box table input[type=text]:active,
    div.box table input[type=text]:focus,
    div.box table select:active,
    div.box table select:focus {
        background-color: #fff;
    }
div.shoparea div.box table input[type=text] {
    background-color: transparent !important;
    border-color: transparent !important;
}
    div.shoparea div.box table input.editableTextbox {
    background-color: #fff !important;
    border-color: #bac9e5 !important;
}
div.box table td div.hover {
    position: relative;
    top: -4px;
}

div.box.floated {
    float: left;
    width: 49% !important;
}
    div.box.floated:nth-of-type(odd) {
        margin-right: 2% !important;
    }

div.table_rows {
    display: block;
    width: auto;
}
    div.table_rows div {
        display: block;
        padding: 15px;
        width: 100%;
        clear: both;
        margin: auto;
        box-sizing: border-box;
    }
        div.table_rows div input[type=checkbox] {
            display:inline-block;
        }
    div.table_rows label {
        display:inline-block;
        width: auto;
        padding: 5px 20px;
    }
table.insuranceTable td.txtInsuranceValue input[type="text"] {
    width: 80px;

}
ul.product_slider {
    display: block;
    padding: 0;
    margin:0;
    width: 100%;

    text-align: center;
    height: 90%;
    background-color: aquamarine;
}


div.tiled-images,
div.tiled-images ul {
    display: block;
    width: auto;
    margin: 0;
    padding: 14px;
    list-style-type: none;
    background-color: #E2E9F9;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -khtml-border-radius: 15px;
    }
    div.tiled-images ul li {
        display: block;
        margin: 0 1.5% 50px;
        padding: 12px 0 0;
        text-align: center;
        box-sizing: border-box;
        float: left;
        min-height: 250px;
        box-sizing: border-box;
        background-color: #ffffff;
        -webkit-box-shadow: 0 8px 6px -6px #5d728b;
        -moz-box-shadow: 0 8px 6px -6px #5d728b;
        box-shadow: 0 8px 6px -6px #5d728b;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        -khtml-border-radius: 15px;
    }
        div.tiled-images ul li img {
            width: 85%;
            max-width: 120px;
        }
        div.tiled-images ul li span {
            display: block;
            color: #000;
            padding: 10px;

            }
        div.tiled-images ul li:nth-of-type(even) {
            -ms-transform: rotate(4deg);
            -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
        }
        div.tiled-images ul li:nth-of-type(odd) {
            -ms-transform: rotate(-4deg);
            -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
        }
div.icon-list.dangerous,
div.icon-list.dangerous ul {
    display: block;
    width: 100%;
    padding: 0 0 10px;
    margin: 0 auto;
    text-align: center;
    list-style-type: none;
}
    div.icon-list.dangerous ul li {
        float: left;
        width: 7%;
        list-style-type: none;
        padding: 10px 0 0;
    }
    div.icon-list.dangerous ul li img {
        width: 90%;
        max-width: 75px;
    }
        div.icon-list.dangerous.small ul li img {
            max-width: 50px;
        }

div.icon-list h3 {
    font-size: 19px !important;
}
.dg-easy,
.dg-quality,
.dg-location {
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px;
    padding-left: 60px;
    margin-left: 20px;
    color: #000 !important;
}

.dg-easy { background-image: url(../layout/icon-dg-easy.png); }
.dg-quality { background-image: url(../layout/icon-dg-quality.png); }
.dg-location { background-image: url(../layout/icon-dg-location.png); }



img.responsive {
    width: 90%;
    height: auto;
}


div.option_row {
    padding: 12px 0 0 20px;
    position: relative;
}

    div.option_row .cut_off {
        font-size: 11px;
        font-family: arial;
        padding: 4px 0 4px 0;
        color: #42719a;
        line-height: 1.6em;
        display: block;
    }
        /*div.option_row .cut_off:before {
            content:"|";
            position: relative;
            left: -4px;
            font-size: 12px;
        }*/
    div.option_row .cut_off_time {
        color: #EC121B;
        font-size: 12px;
        font-weight: bold;
    }
    .option_row input[type=radio] {
        position: absolute;
        top: 15px;
        left: 10px;
    }
    .cart_options_area .Drop input[type=radio],
    .cart_options_area .Abgabe input[type=radio] {
        left: 18px;
    }
div.collection_options {
    text-align: right;
}
.cart_options_area .collection,
.header_collection_options .collection {
    float: left;
    clear: left;
    width: 48%;
    text-align: left;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    display: block;
}
    .cart_options_area .collection.TG.Courier span.service_title:before {
        display: inline-block;
        padding: 2px 8px;
        color: #fff;
        font-size: 10px;
        background-color: #4e9fea;
        margin-right: 5px;
    }
    .cart_options_area .collection .inbound_collection_note {
        display: block;
        padding: 4px 0 2px;
        font-weight: 500 !important;
        font-family: "Roboto" !important;
        font-size: 11px;
    }
    .cart_options_area .collection.Drop,
    .cart_options_area .collection.Abgabe {
        float: none !important;
        clear: none !important;
    }
    .cart_options_area .collection.DHL.Collection {
        position: absolute;
        top: 25px;
    }
.cart_options_area .Drop,
.cart_options_area .Abgabe,
.header_collection_options .Drop {
    /*float: right;
    clear: right;*/
    width: 48%;
    text-align: left;
    margin: 0 0 0 auto;
    position: relative;
    box-sizing: border-box;
    border-left: 1px solid #668dad;
    border-left: 1px solid #fff;
    display: block;
}
    .header_collection_options .Drop {
        float: left;
    }
    .cart_options_area .collection {
        padding-left: 30px !important;
    }
        .cart_options_area .Drop,
        .cart_options_area .collection.Drop,
        .cart_options_area .collection.Abgabe {
            padding-left: 39px !important;
        }

.cart_options_area .header_collection_options.Drop,
.cart_options_area .header_collection_options.collection {
    padding-left: 0 !important;
    position: relative;
    top: 1px;
    display: block;
}

.header_collection_options {
    font-family: "Roboto" !important;
    color: #668dad !important;
    font-size: 12px;
    padding: 0 !important;
    margin: 0 0 16px;
}
    .header_collection_options span {
        /*background-color: #668dad;*/
        padding: 3px 6px;
        width: auto;
        display: inline-block !important;
        font-size: 13px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -khtml-border-radius: 2px;
        color: #668dad;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 32px auto;
    }
    .header_collection_options.Drop span {
        background-image: url(../layout/cart/icon_accesspoint_locator.png);
        background-size: 27px auto;
        padding-left: 39px;
        background-position:10px center;
    }

    .header_collection_options.collection span {
        background-image: url(../layout/icon_courier_truck.png);
        padding-left: 32px;
    }

label .collection_note {
    font-weight: 500 !important;
    font-family: "Roboto";
    font-size: 11px;
    padding: 8px 0 4px 0;
    display: block;
}
    label .collection_note b {
        background-color: #296db3;
        color: #fff !important;
        display: inline-block;
        padding: 2px 7px;
        position: relative;
        top: -3px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -khtml-border-radius: 2px;
    }
div.important_information {
    display: block;
    padding: 25px 5px 5px 0px;
    margin: 30px 0 0;
    font-size: 0.85em;
    line-height: 1.5em;
    clear: left;
}
    div.important_information div {
        padding: 0 5px 10px;
    }

.cart_options_container div.important_information div {
    padding-bottom: 0;
}

.note.critical {
    color: #cd0000;
    display: block;
    position: relative;
    padding-left: 30px;
    top: 4px;
}
    .note.critical:before {
        content: "!";
        display: block;
        position: absolute;
        top: 2px;
        left: 7px;
        color: #cd0000;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 12px;
        z-index: 1;
        text-align: center;
    }
    .note.critical:after {
        content: "";
        display: block;
        position: absolute;
        top: 2px;
        left: 7px;
        width: 14px;
        height: 14px;
        border: 1px solid #cd0000;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
    }
note.critical.hidden,
div.form.section span.note.hidden {
    display: none !important;
}

a.disabled,
a.disabled:hover {
    opacity: 0.5 !important;
    pointer-events: none;
}
td.lastCell a.disabled {
    opacity: 1 !important;
} 

p.notice.clock {
    background-image: url(../layout/cart/icon_clock.png);
    background-repeat: no-repeat;
    background-position: left 2px;
    padding: 0px 0px 5px 24px !Important;
}
div.insurance-container,
div#insurance-quote {
    display: block;
    text-align: center;
    padding: 15px 10px 15px;
    border: 1px solid #cedaf1;
    margin-bottom: 20px;
    box-sizing: border-box;
}
div#insurance-quote {
    text-align:center;
    clear: both;
}
    div#insurance-quote div#termsDiv, div#insurance-quote div#termsBusinessDiv {
        display: block;
        padding: 5px 0 15px;
        margin: auto;
        max-width: 500px;
    }
    div#insurance-quote div#termsDiv label, div#insurance-quote div#termsBusinessDiv label {
        display: block;
        padding: 6px;
        color: #054f95;
    }
    div#insurance-quote a.button_blue,
    div#insurance-quote a.button_white {
        margin-bottom: 10px;
    }
#calculateButton {
    position: relative;
    top: -15px;    
    padding-left: 35px !important;
    background-image: url(../layout/cart/icon_calculate_blue.png);
}
#quotationTblAnchor {
    position: relative;
    
}
span.option-divide {
    border-top: 3px solid #e2eaf9;
    display: block;
    position: relative;
    max-width: 300px;
    margin: auto;
    top: 12px;
    height: 27px;
    }
    span.option-divide span {
        color: #054f95;
        position:relative;
        top: -20px;
        background-color: #fff;
        display: inline-block;
        padding: 5px;
        font-size: 18px;
        }
p#minimumNotice {
    clear: both;
    display: block;
    padding: 5px 12px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    margin: 0 0 5px !important;
    border: 1px solid #fff;
}
table.insuranceTable td.txtInsuranceQuote { 
    line-height: 32px;
    width: 100px; 
}
table.insuranceTable td.txtInsuranceValue {
    width: 100px; 
}
table.insuranceTable td.txtReference {
    white-space: nowrap;
}

div.cart_vat_notice,
div.alert-notification {
    display: block;
    text-align: center;
    padding: 0;
    width: auto;
    font-size: 12px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    }

    div.alert-notification {
        margin: 0 1% 10px;
        background-color: #fceef0;
        border: 1px solid #efdadc;
        color: #af5059;
        }
        div.alert-notification p {
            color: #af5059 !important;
        }
    div.cart_vat_notice {
        margin: 0 1% 30px 1% !important;
        background-color: #fffbdd;
        border: 1px solid #fff4ab;
        color: #b57904;
        }

div.cart_vat_notice span {
    text-align: left !important;
}
div.cart_vat_notice span,
div.alert-notification span {
    display: inline-block;
    text-align: center;
    padding: 15px 38px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 5px 10px;
}
    div.cart_vat_notice span {
        background-image: url(../layout/cart/icon_warning.png);
    }
    div.alert-notification span {
        background-image: url(../layout/icon_alertExclamation.png);
    }
    div.alert-notification a,
    div.alert-notification span {
        color: #ad2f3b;
    }
    div.alert-notification a {
        text-decoration: underline;
        }
div.cart_orders_area div.alert-notification {
    font-size: 11px !important;
    margin-top: 10px !important;
}
td.tbl_option {
    text-align: right !important;
    font-size: 11px;
}

div.option-setting {
    display: block;
    width: auto;
    clear: both;
    padding: 10px 15px;
    margin: 0 0 20px;
    box-sizing: border-box;
    position: relative;
    padding-right: 95px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
    background-color: #fff;
    border: 1px #cedaf1 solid ;
}
div.option-setting .checkbox_selector {
    position: absolute;
    top: 10px;
    right: 15px;

}
/* END CART BOOKING PROCESS */
ol.pinned li,
ul.pinned li,
.pinned.topleft:before,
.pinned.topright:after {
    background-image: url(../layout/cart/push_pin_red.png);
    background-repeat: no-repeat;
    background-position: -5px top;
}

.pinned.topleft:before,
.pinned.topright:after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-position: center !important;
    position: absolute;
}

.reference-notification {
    display: block;
    font-size: 18px;
    padding: 0 10px 40px;
}

.dt-left {
    float: left;
    padding-top: 30px;
}
.dt-right {
    float: right;
    padding-top: 30px;
}
ol.pinned li,
ul.pinned li,
.pinned.topleft:after,
.pinned.topright:before {
    background-image: url(../layout/push_pin_red.png);
    background-repeat: no-repeat;
    background-position: -5px top;
}
    ol.pinned li:nth-of-type(2n),
    ul.pinned li:nth-child(2n) {
        background-image: url(../layout/push_pin_green.png);
    }
.pinned.topleft:after,
.pinned.topright:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-position: center !important;
    position: absolute;
    
}
    .pinned.topleft:after {
        top: -5px;
        left: -16px;
        background-image: url(../layout/push_pin_green.png);
    }
    .pinned.topright:before {
        top: -10px;
        right: -10px;
    }

    
}
    .pinned.topleft:before {
        top: -5px;
        left: -16px;
    }
    .pinned.topright:after {
        top: -10px;
        right: -10px;
    }
ul.news_headlines,
ol.news_headlines {
    display: block;
    padding: 0;
    width: 0;
    position: relative;
    width: auto;
}
.news_headlines li {
    width: 45%;
    float: left;
    text-align: left;
    position: relative;
    height: auto;
    margin:  0 2% 50px;
    padding: 15px 10px;
    font-size: 12px;
    box-sizing: border-box;
    background-color: #ffffff;
    -webkit-box-shadow: -3px 5px 10px 0px #a7b3c1;
    -moz-box-shadow: -3px 5px 10px 0px #a7b3c1;
    box-shadow: -3px 5px 10px 0px #a7b3c1;
}
    .news_headlines li:nth-of-type(even) {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
    .news_headlines li:nth-of-type(odd) {
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }
        .news_headlines.pinned li:nth-of-type(odd) {
            background-position: 99% 8px;
        }
 
    .news_headlines li span.image-container,
    .news_headlines li span.image-container span {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        width: 70px;
        padding: 0 5% 0 0;
        display: block;
        display: inline-block;
        box-sizing: border-box;
        z-index: 0;
        height: 70px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        }
    .news_headlines li span.image-container {
        background-image: url(../layout/img_newsdefault.jpg);
    }
        .news_headlines li span.image-container img {
            width: 95%;
            height: auto;
        }

    .news_headlines li p,
    .social h2 ,
    .social h5 {
        width: 100% !important;
        padding: 0 0 8px 0 !Important;
        margin: 0 !Important;
    }
    .social h2 a,
    .social h5 a {
        font-size: 14px;
    }
    .news_headlines li p,
    div.introsummary p {
        font-size: 12px;
        display: block;
        text-align: left;
        color: #42719a;
        line-height: 2em;
    }
div.introsummary h2  {
    padding-left: 10px !important;
}

.news_headlines div.news_summary {
    display: block;
    float: left;
    padding: 15px 20px 15px;
    margin: 0 0 0 70px;
    width: auto;
    box-sizing: border-box;
    
}
    
.news_headlines div.news_summary a.link {
    display: inline-block;
    padding: 6px 12px;
    position: relative;
    background-color: #386eb1;
    color: #fff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
}
    .news_headlines div.news_summary a.link:after {
        content: ">";
        position: absolute;
        right: -13px;
        bottom: 5px;
        font-size: 8px;
        
        }
    .news_headlines div.news_summary a.link:after,
    .news_headlines div.news_summary a.link:hover:after {
        text-decoration: none;
    }

div.announcement {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 40px 0 40px;
    background: rgba(0,0,0,.95);
    z-index: 200;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px #000;
    letter-spacing: 1px;
    border-top: 5px solid #009bec;
}
    div.announcement div {
        display: block;
        width: auto;
        margin: 0 50px;
    }
    div.announcement  a {
        color: #009bec;
    }
    div.announcement img {
        float: left;
    }
    div.announcement  span#closeannouncement {
        display: block;
        display: inline-block;
        position: absolute;
        background-color: #01619e;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        margin: 0;
        text-indent: -2000px;
        background-image: url(../layout/icon-deactivate-menu-white-small.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 40px;
        height: 40px;
        overflow:hidden;
        right: 10px;
        top: 32%;
    }

div.infographic {
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    }
    div.infographic img {
        width: 90%;
        height: auto;
        max-width: 900px;
    }
    
    div.infographic.getstarted {
        width: 100% !important;
        max-width: none !important;
        text-align: center !important;
        background-color: #e2eaf9 !important;
    }
        div.infographic.getstarted img {
            max-width: 450px;
            position:relative;
            
        }
        div.infographic.getstarted .ContentPage_Content p {
            position: relative;
            text-align: center;
            width: 80%;

            margin: auto;
        }
        div.infographic.getstarted .ContentPage_Content div {
            width: 90%;
            overflow: hidden;
            max-width: 450px;
            margin: 20px auto;
            text-align: center;
            position: relative;
            background-color: #fff;
        }
.app_import_orders {
    display: block;
    box-sizing: border-box;
    background-color: #eff3fa;
    margin: auto 0 85px !important;
    padding: 18px 18px 8px !important;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
}
    .app_import_orders .section_heading,
    .app_import_orders .section_order_details {
        margin: auto auto 10px !important;
        text-align: left;
        position: relative;
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        -khtml-border-radius: 10px !important;
    }
        .app_import_orders .section_heading {
            color: #fff;
            background-color: #02538f;
            padding: 20px !important;
            }
            .app_import_orders .section_heading h1 {
                font-size: 14px;
                margin: 0 !important;
                padding: 0 !important;
                color: #fff !important;
                box-sizing: border-box;
            }
            .app_import_orders .section_order_details {
                color: #054f95;
                background-color: #fff;
                border: 1px solid #c6d2e8;
                padding: 0 0 20px !important;
            }
                .app_import_orders .section_order_details .order_ref {
                    color: #054f95;
                    padding: 20px;
                    background-colodiv .service-information ul.bullet.brandDHLr: #d3dff5;
                    border-bottom: 1px solid #c6d2e8;
                    -webkit-border-top-left-radius: 9px;
                    -webkit-border-top-right-radius: 9px;
                    -moz-border-radius-topleft: 9px;
                    -moz-border-radius-topright: 9px;
                    border-top-left-radius: 9px;
                    border-top-right-radius: 9px;
                }
.change-alert {
    margin-top: 10px;
    box-shadow: 0px 0px 0px 4px #fff;
    border: 1px dashed #2a6faf;
    padding: 12px 20px 12px 20px;
    border-radius: 5px;
    color: #002b53;
    background-color: #fff;
    float: right;
    width: 73%;
    font-size: 12px;
    display: none;
    text-align: left;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 10px center;
    position: relative;
}
    .change-alert:before {
        content: "REMINDER";
        display: inline-block;
        background-color: #386eb1;
        border: 1px solid #2a6faf;
        text-align: center;
        left: -10px;
        position: relative;
        color: #fff;
        padding: 4px 7px;
        font-size: 9px;
        text-transform: uppercase;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        border-radius: 4px !important;
        -khtml-border-radius: 4px !important;
    }
tfoot a.add_item,
div.api_consignment_details a.add_item {
    display: block;
    background-color: #eff3fa;
    border-radius: 0 !important;
    border: 1px dashed #687ca2;
    margin: 8px 0;
    padding: 0;
    float: right;
    width: 72.5%;
    margin-left: 2%;
    text-align: center;
    color: #687ca2;
    font-size: 10px;
    text-decoration: none;
    margin-right: 1px;
}
    tfoot a.add_item {
    width: 100%;
    float: none;
    box-sizing: border-box;
    margin: 0 !important;
    }
    tfoot a.add_item span,
    div.api_consignment_details a.add_item span {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: left center;
        background-image: url(../layout/add_item_list.png);
        padding: 10px 10px 10px 30px;
    }
    tfoot a.add_item:hover,
    tfoot a.add_item:active,
    tfoot a.add_item:focus,
    div.api_consignment_details a.add_item:hover,
    div.api_consignment_details a.add_item:active,
    div.api_consignment_details a.add_item:focus {
        background-color: #fff;
    }
div.delete_box {
    display: block;
    text-align: right;
}
a.delete_box {
    background-image: url(../layout/icon_delete_box.png);
    background-repeat: no-repeat;
    background-position: right center;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    padding: 10px 45px 12px 18px;
    font-size: 11px !important;
    box-sizing: border-box;
    color: #386eb1;
    text-decoration: none;
}
    .customs_invoice_table a.delete_box {
        position: relative;
    }
    .api_consignment_details ul li:first-of-type a.delete_box {
        display: none;
    }

a.use_saved_box {
    background-image: url(../layout/account_consignments-small-grey.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    font-size: 10px !important;
    box-sizing: border-box;
    padding: 7px 32px 7px 12px;
    color: #386eb1;
    text-decoration: none;
    border: 1px solid #386eb1;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important
}
    a.use_saved_box.blue {
        background-color: #386eb1;
        color: #fff;
        background-image: url(../layout/account_consignments-small.png);
    }
    a.use_saved_box.grey {
        background-color: #c6d2e8;
        color: #687ca2;
        background-image: url(../layout/account_consignments-small-grey.png);
    }
div.item_value {
    border-right: 1px solid #c6d2e8 !important;
}
div.delete_item {
    border: none !important;
}
a.delete_item {
    display: inline-block;
    width: 30px;
    padding: 8px;
    box-sizing: border-box;
    border: none;
    background-image: url(../layout/cart/icon_delete_blue.png);
    background-position: center right;
    background-repeat: no-repeat;
    position: relative;
    top: -5px;
}
a.add_box {
    background-image: url(../layout/icon_add_box.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    /*background-color: #fff;
    border: 1px solid #386eb1;*/
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    padding: 10px 18px 12px 40px;
    font-size: 11px !important;
    box-sizing: border-box;
    color: #386eb1;
    text-decoration: none;
}
a.saved_box {
    background-image: url(../layout/icon_saved_box.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    padding: 10px 42px 12px 10px;
    font-size: 11px !important;
    box-sizing: border-box;
    color: #386eb1;
    text-decoration: none;
}
a.edit_list,
a.remove_list,
a.save_item_edit,
a.cancel_item_edit {
    background-repeat: no-repeat;
    background-position: 5px center;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    padding: 10px 18px 12px 36px;
    font-size: 11px !important;
    box-sizing: border-box;
    color: #386eb1;
    text-decoration: none;
    display: inline-block;
}
    a.edit_list {background-image: url(../layout/edit_list_item.png);}
    a.remove_list { background-image: url(../layout/delete_item_list.gif); }
    a.add_list { background-image: url(../layout/add_item_list.png); }
    a.save_item_edit, a.save_item_edit_btn { background-image: url(../layout/save_item_edit.png); }
    a.cancel_item_edit { background-image: url(../layout/cancel_item_edit.png); }

a.save_item_edit_btn {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #296db3;
    color: #296db3;
    padding: 8px 30px 8px 40px;
    background-repeat: no-repeat;
    background-position: 7px 5px;
    padding-left: 35px !important;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    text-decoration: none;

}
a.link_back_white {
    display: inline-block;
    background-image: url(../layout/cart/arrow_back_white.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: auto;
    text-decoration: none;
    color: #fff;
    margin: 0 15px;
    font-size: 12px;
    padding:  5px 10px 5px 35px;
}
.box_selector {
    display: block;
    padding: 50px 0 20px;
    margin-top: 20px !important;
    background-color: #fff;
    text-align: right !important;
}
span.archive_select {
    display: inline-block;
    position: relative;
}
    span.archive_select label {
        color: #c8040c !important;
        margin-right: 3px;
        display: inline-block;
        white-space: nowrap;
        background-image: url(../layout/cart/icon_delete_blue.png);
        background-repeat: no-repeat;
        background-position: 6px center;
        background-size: auto;
        text-decoration: none;
        float: right;
        font-size: 11px;
        border: 1px solid #c8040c;
        background-color: #fff;
        padding: 8px 30px 8px 30px;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        border-radius: 5px !important;
        -khtml-border-radius: 5px !important
    }
    span.archive_select input {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
    }
a.archive {
    display: inline-block;
    white-space: nowrap;
    background-image: url(../layout/icon_delete_blue.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: auto;
    text-decoration: none;
    float: right;
    color: #386eb1;
    font-size: 11px;
    border: 1px solid #386eb1;
    background-color: #fff;
    padding: 8px 15px 8px 30px;
    -moz-border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    border-radius: 25px !important;
    -khtml-border-radius: 25px !important
}
.saved_invoice_option {
    display: block;
    padding: 0 0 30px;
    text-align: center;
    max-width: 250px;
}
.info_hover {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    font-size: 10px !important;
    font-family: "Roboto";
}
    .info_hover span.note.info.pointer {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(110%);
        z-index: 100;
        width: 300px;
    }
        .info_hover:hover span.note.info.pointer {
            display: block;
        }
.popup_footer {
    display: block;
    position: fixed;
    bottom: 0;
    background-color: #296db3;
    width: 100%;
    left: 0;
    right: 0;
    padding: 30px 50px !important;
    border-top: 5px solid #fff;
    transform: translateY(100%);
}
    .popup_footer.fixed {
        transform: translateY(0);
    }
    .popup_footer.right {
        text-align: right;
    }
    .popup_footer a.save_button {
        text-decoration: none;
    }
.imported_orders .section_order_details {
    display: block;
    box-sizing: border-box;
    background-color: #eff3fa;
    margin: auto 0 85px !important;
    padding: 0 0 18px !important;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    border: 1px solid #c6d2e8;
    clear: both;
}
    .imported_orders .section_order_details .order_ref {
        overflow: hidden;
        color: #054f95;
        padding: 5px 20px;
        background-color: #dae3f2;
        border-bottom: 1px solid #c6d2e8;
        -webkit-border-top-left-radius: 9px;
        -webkit-border-top-right-radius: 9px;
        -moz-border-radius-topleft: 9px;
        -moz-border-radius-topright: 9px;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
    }
        .imported_orders .section_order_details .order_ref label {
            color: #535e75;
        }
        .imported_orders .section_order_details .order_ref input {
            padding: 5px;
            -moz-border-radius: 4px !important;
            -webkit-border-radius: 4px !important;
            border-radius: 4px !important;
            -khtml-border-radius: 4px !important;
            border: 1px solid rgb(198, 210, 232);
        }
        .imported_orders .section_order_details .order_ref .left_container {
            float: left;
            padding: 5px 0px;
        }
        .imported_orders .section_order_details .order_ref .right_container {
            float: right;
        }
        .imported_orders .quote_results {
            display: block;
            width: 100%;
            box-sizing: border-box;
            background-color: #fff;
            clear: both;
            padding: 15px;
            border: 1px solid rgb(198, 210, 232);
            border-radius: 8px !important;
        }
            .imported_orders .quote_results table {
                width: 100%;
            }
                .imported_orders .quote_results table thead tr {
                    background-color: #296db3 !important;
                }
                    .imported_orders .quote_results table thead tr th {
                        color: #fff;
                        font-weight: 300;
                        padding: 8px 25px;
                    }
                    .imported_orders .quote_results table thead tr th.quote,
                    .imported_orders .quote_results table tbody tr td.quote {
                        text-align: right;
                    }
                .imported_orders .quote_results table tr:nth-of-type(odd) {
                    background-color: #eff3fa;
                }

                .imported_orders .quote_results table tr td {
                    padding: 8px 25px;
                    color: #37415e;
                }
                    .imported_orders .quote_results table tr td.transit_time,
                    .imported_orders .quote_results table tr th.transit_time,
                    .imported_orders .quote_results table tr td.select,
                    .imported_orders .quote_results table tr th.select {
                        text-align: center;
                    }
                    
                    .imported_orders .quote_results table tr td.quote,
                    .imported_orders .quote_results table tr th.quote {
                        text-align: right;
                    }
                .imported_orders .quote_results table tr.selected,
                .imported_orders .quote_results table.standard tr.selected:nth-child(even) {
                    background-color: #91e965 !important;
                }
                    .imported_orders .quote_results table tr.selected input[type="button"] {
                        background-color: #fff !important;
                        color: #6fba49 !important;
                        font-weight: 300;
                        text-indent: -999px;
                        background-image: url(../layout/cart/icon_tick_green.png);
                        background-repeat: no-repeat;
                        background-position: center;
                    }
                    .imported_orders .quote_results table tr.selected td {
                        color: #316317 !important;

                    }

                .imported_orders .quote_results table tr.selection_row {
                    display: none;
                }
                    .imported_orders .quote_results table tr td input[type=button] {
                        background-color: #296db3;
                        color: #fff;
                        border: none;
                        font-size: 11px;
                        padding: 5px 15px;
                        -moz-border-radius: 14px !important;
                        -webkit-border-radius: 14px !important;
                        border-radius: 14px !important;
                        -khtml-border-radius: 14px !important;
                    }
.imported_orders .hide_orders {
    text-align: right !important;
}
    .imported_orders .hide_orders label {
        color: #004a8a;
        margin-right: 10px;
    }
    .imported_orders .hide_orders input[type=checkbox] {
        color: #004a8a;
        border: 1px solid #004a8a;
        width: 20px;height: 20px;
        position: relative;
        top: 5px;
        margin-left: 5px;
    }
.imported_orders #order_tools {
    display: block;
    padding-bottom: 20px;
}

    .imported_orders #order_tools a.refresh {
        float: left;
    }
#APIImporter_ToolsMenu {
    box-sizing: border-box;
    color: #fff;
    font-family: "Roboto";
    background-color: #0e4882;
    border-top: 1px solid #fff;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

        #APIImporter_ToolsMenu.fixed .search_results {
            padding: 2px 0;
            display: none;
        }
    #APIImporter_ToolsMenu div.search {
        box-sizing: border-box;
        background-color: transparent !important;
        float: right;
        padding: 0 !important;
    }
        #APIImporter_ToolsMenu div.search .search_input {
            box-sizing: border-box;
            display: inline-block;
            background-color: #fff;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            -khtml-border-radius: 20px;
            overflow:hidden;
            position: relative;
            top: -2px;        

        }
        #APIImporter_ToolsMenu div.search input[type="text"] {
            box-sizing: border-box;
            border: 5px solid #fff;
            padding: 5px 10px 5px 28px;
            background-color: #fff !important;
            background-position: 5px center;
            background-repeat: no-repeat;
            background-size: 18px auto;
            background-image: url(../layout/icon_search_magnify.png);
        }
        #APIImporter_ToolsMenu div.search button.xsmall {
            box-sizing: border-box;
            padding: 7px 10px !important;
            min-width: 80px !important;
        }
    #APIImporter_ToolsMenu .pagination {
        text-align: left;
        border-bottom: none;
        display: block;
        padding: 13px 0;
    }
        #APIImporter_ToolsMenu .pagination .pagination_container {
            text-align: left;
            display: inline-block;
            padding: 6px 0 0;
        }
            #APIImporter_ToolsMenu .pagination .pagination_container span {
                font-weight: 500 !important;
                font-size: 11px;
            }
            #APIImporter_ToolsMenu .pagination .pagination_container a {
                font-size: 11px;
                padding: 4px 0;
                width: 22px;
                text-align: center;
                text-decoration: none;
                border: 1px solid #296db3;
                background-color: transparent !important;
            }
            #APIImporter_ToolsMenu .pagination a:hover {
                border-color: #33ccd6;
            }
    #APIImporter_ToolsMenu .search_results {
        display: block;
        text-align: center;
        padding: 16px 0 16px;
        background-color: #fff;
        border-bottom: 1px dashed #0e4882;
        color: #0e4882;
    }
    #APIImporter_ToolsMenu div.search button.link {
        box-sizing: border-box;
        background-color: transparent !important;
        font-size: 12px !important;
        padding: 4px 12px !important;
        min-width: 25px !important;
        position: relative;
        color: #0185cd !important;
        background-image: url(../layout/icon-red-cross-xsmall.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 18px !important;
        position: relative;
        right: 10px;
    }
    #APIImporter_ToolsMenu .filter_options {
        display: inline-block;
        float: right;
        position: relative;
        padding: 0 10px;
    }
        #APIImporter_ToolsMenu .filter_options a {
            background-color: transparent !important;
            background-position: left center;
            background-repeat: no-repeat;
            color:#fff !important;
            text-decoration: none;
            font-size: 12px !important;
        }
            #APIImporter_ToolsMenu .filter_options a.icon_sort {
                background-image: url(../layout/icon_sort.png);
                background-size: 16px;
                padding-left: 20px;

            }
        #APIImporter_ToolsMenu .filter_options ul,
        #APIImporter_ToolsMenu .filter_options li {
            background-color: #fff !important;
            color: #fff !important;
            display: block;
            list-style-type: none;
            width: 200px;
        }
            #APIImporter_ToolsMenu .filter_options ul {
                position: absolute;
                border: 1px solid #004a8a;
                z-index: 5000;
                display: none;
            }
            #APIImporter_ToolsMenu .filter_options ul.active,
            #APIImporter_ToolsMenu .filter_options:hover ul {
                display: block;
            }
                #APIImporter_ToolsMenu .filter_options ul li:hover label {
                    color: #5099e4;
                }
            #APIImporter_ToolsMenu .filter_options li {
                position: relative;
            }
            #APIImporter_ToolsMenu .filter_options ul:before {
                content: "";
                display: block;
                background-color: #fff;
                transform: rotate(-45deg);
                position: absolute;
                height: 13px;
                width: 13px;
                left: 30px;
                top: -5px;
            }
        #APIImporter_ToolsMenu .filter_options label {
            background-color: #fff !important;
            display: block;
            list-style-type: none;
            width: 200px;
            color: #0e4882;
            padding: 12px 0 12px 25px;
            box-sizing: border-box;
            font-size: 12px;
        }
        #APIImporter_ToolsMenu .filter_options input[type="radio"] {
            position: absolute;
            top: 50%;
            left: 8px;
            transform: translateY(-50%);
        }

.api_area.shopify_v2 {
    padding-top: 100px;

}
.api_area.shopify_v2 #APIImporter_ToolsMenu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 16px 0 10px 0;
}
    .api_area.shopify_v2 #APIImporter_ToolsMenu .country_filter {
        display: inline-block;
        background-color: #fff;
        overflow: hidden;
        margin: 0;
        -webkit-border-bottom-left-radius: 20px;
        -webkit-border-top-left-radius: 20px;
        -moz-border-radius-bottomleft: 20px;
        -moz-border-radius-topleft: 20px;
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
    }
        .api_area.shopify_v2 #APIImporter_ToolsMenu .country_filter select {
            border-right: none;
            padding: 10px 35px 10px 25px !important;
            height: 43px;
        }
    .api_area.shopify_v2 #APIImporter_ToolsMenu .search {
        display: inline-block;
        float: none;
        margin: 0 
    }

        .api_area.shopify_v2 #APIImporter_ToolsMenu .search,
        .api_area.shopify_v2 #APIImporter_ToolsMenu .country_filter {
            width: 35%;
            max-width: 350px;
        }
        .api_area.shopify_v2 #APIImporter_ToolsMenu .search .search_input {
            max-width: 350px;
            width: 100%;
            -webkit-border-bottom-left-radius: 0;
            -webkit-border-top-left-radius: 0;
            -moz-border-radius-bottomleft: 0;
            -moz-border-radius-topleft: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            top: 0.5px;
        }
    .api_area.shopify_v2 #APIImporter_ToolsMenu div.search input[type="text"] {
        width: 100%;
        height: 43px;
    }
        .api_area.shopify_v2 #APIImporter_ToolsMenu div.search a.xsmall  {
            position: absolute;
            top: 50%;
            transform: translateY(-57%);
            right: 2px;
        }
    .api_area.shopify_v2 #APIImporter_ToolsMenu .clear_search_results {
        max-width: 750px;
        text-align: center;
        margin: auto;
        display: inline-block;
    }
    .api_area.shopify_v2 #APIImporter_ToolsMenu .clear_search_results button {
        background: transparent;
        padding: 0 !important;
        font-size: 13px !important;
        min-width: 75px;
    }
        .api_area.shopify_v2 #APIImporter_ToolsMenu label.search_label,
        .api_area.shopify_v2 #APIImporter_ToolsMenu .clear_search_results button {
            position: relative;        }
        .api_area.shopify_v2 #APIImporter_ToolsMenu label.search_label {
            top: -16px;
            margin-right: 8px;

        }
        .api_area.shopify_v2 #APIImporter_ToolsMenu .clear_search_results button {
            top: -15px;
            margin-left: 8px;
        }
#APIImporter_ToolsMenu.fixed,
.api_area.shopify_v2 #APIImporter_ToolsMenu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    animation: 1.2s ease-out AnimateInTop;
    animation-fill-mode: forwards;
    border-bottom: 2px solid #fff;
}
.api_import_data {
    display: block;
    box-sizing: border-box;
    padding: 20px 20px 0;
}
    .api_import_data .api_address_block,
    .api_import_data .api_address_block div {
        display: block;
        box-sizing: border-box;
        position: relative;
    }
        .api_import_data .api_address_block {
            max-width: 250px;
            float: left;
        }
            .api_import_data .api_address_block div,
            div.api_consignment_details ul li {
                padding: 3px 5px 3px;
                background-color: #fff;
                border: 1px solid #c6d2e8;
            }
            div.api_consignment_details ul li div div {
                padding: 0;
                background-color: #fff;
                border: 1px solid #c6d2e8;
            }
            .api_import_data .api_address_block div,
            div.api_consignment_details ul li div div {
                border-bottom: none;
            }
                .api_import_data .api_address_block div:last-of-type,
                div.api_consignment_details ul li div div:last-of-type {
                    border-bottom: 1px solid #c6d2e8;
                }
                .api_import_data .api_address_block div label,
                div.api_consignment_details ul li label {
                    display: block;
                    font-size: 10px;
                    color: #687ca2;
                }
                .api_import_data .api_address_block div input,
                .api_import_data .api_address_block div select,
                div.api_consignment_details ul li div input {
                    display: block;
                    width: 100%;
                    box-sizing: border-box;
                    margin: 0;
                    border: none;
                }
                .api_import_data .api_address_block div input {
                    padding-bottom: 3px;
                }

                    .api_import_data .api_address_block div input[type=radio] {
                        display: inline;
                        width: auto !important;
                    }

    .isResidentialContainer label {
        width: initial !important;
        float: left;
        margin-right: 10px;
        font-size: 12px !important;
        color: #000 !important;
    }

    .isResidentialContainer input {
        width: initial !important;
        float: left;
        margin-top: 3px !important;
    }

    .isResidentialContainer label:nth-of-type(2) {
        margin-left: 50px !important;
    }

    .isResidentialContainer {
        display: inline-block !important;
        border: none !important;
        width: 100% !important;
        padding: 8px 10px !IMPORTANT
    }

div.api_consignment_summary {
    background-color: #dae3f2;
    padding: 8px;
    margin: 8px 0;
    box-sizing: border-box;
    display: flex;
    border: 1px solid #c6d2e8;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    -khtml-border-radius: 8px !important;
}

    div.api_consignment_summary div.con-summary {
        width: 100%;
        text-align: left;
        letter-spacing: 0;
        position: relative;
        text-align: left;
        float: left;
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #c6d2e8;
        padding: 8px;
        border-radius: 6px !important;
    }

        div.api_consignment_summary div.con-summary label {
            width: 100%;
            left: 0;
            font-size: 11px;
            padding: 3px 10px;
            text-align: left;
            box-sizing: border-box;
            display: block;
            color: #687ca2;
        }

        div.api_consignment_summary div.con-summary input {
            width: 100% !important;
            box-sizing: border-box;
            position: relative;
            padding: 5px 10px 5px 10px;
            text-align: left;
            font-size: 13px;
            display: block;
            width: 100%;
            box-sizing: border-box;
            margin: 0;
            border: none;
        }



    div.api_consignment_details {
        display: block;
        box-sizing: border-box;
        padding: 0 0 0 20px;
        width: 76%;
        float: left;
    }
        div.api_consignment_details ul,
        div.api_consignment_details ul li {
            display: block;
            box-sizing: border-box;
            padding: 0;
        }
            div.api_consignment_details ul {
                padding: 0;
                display: block;
                -moz-border-radius-topleft: 9px;
                -moz-border-radius-topright: 9px;
                border-top-left-radius: 9px;
                border-top-right-radius: 9px;
            }
                div.api_consignment_details ul li {
                    background-color: #dae3f2;
                    padding: 8px;
                    margin: 8px 0;
                    -moz-border-radius: 8px !important;
                    -webkit-border-radius: 8px !important;
                    border-radius: 8px !important;
                    -khtml-border-radius: 8px !important;
                }

                    div.api_consignment_details ul li div.api_consignment_dimensions {
                        position: relative;
                        text-align: right;
                        float: left;
                        width: 25%;
                        box-sizing: border-box;
                        background-color: #fff;
                        border: 1px solid #c6d2e8;
                        padding: 8px;
                        border-radius: 6px !important;
                    }
                        div.api_consignment_details ul li div.api_consignment_dimensions div {
                            position: relative;
                            text-align: center;
                            box-sizing: border-box;
                            /*background-color: #eff3fa;*/
                        }
                            
                            div.api_consignment_details ul li div.api_consignment_dimensions div.option {
                                background-color: transparent !important;
                                border-bottom: none;
                                border-left: none;
                                border-right: none;
                                padding: 12px 0 6px;
                            }
                                
                            div.api_consignment_dimensions div.option .link {
                                font-size: 11px;
                                padding: 4px 10px 5px 10px;
                                text-decoration: none;
                                -moz-border-radius: 22px !important;
                                -webkit-border-radius: 22px !important;
                                border-radius: 22px !important;
                                -khtml-border-radius: 22px !important;
                            }
                div.api_consignment_details ul li div label {
                    width: 100%;
                    left: 0;
                    font-size: 11px;
                    padding: 3px 10px;
                    text-align: left;
                    box-sizing: border-box;
                }
                    div.api_consignment_details ul li div input {
                        width: 100% !important;
                        box-sizing: border-box;
                        position: relative;
                        padding: 5px 10px 5px 10px;
                        text-align: right;
                        font-size: 13px;
                    }
                        div.api_consignment_details ul li div input:invalid {
                            background-image: url(../layout/corner_highlight_bottom_right.png);
                            background-repeat: no-repeat;
                            background-position: bottom right;
                        }
                div.api_consignment_details ul ol {
                    float: left;
                    border-radius: 6px !important;
                    background-color: #fff;
                    padding: 10px;
                    width: 70%;
                    margin: 0 0 0 2%;
                    border: 1px solid #c6d2e8;
                }
                    div.api_consignment_dimensions:before,
                    div.api_consignment_details ul ol:before {
                        font-size: 12px;
                        color: #687ca2;
                    }
                        div.api_consignment_dimensions:before {
                            display: block;
                            text-align: center;
                            padding: 0 0 6px 4px;
                        } 
                div.api_consignment_details ul li li {
                    background-color: #fff;
                    border-radius: 0 !important;
                    border-style: dashed;
                    margin: 8px 0;
                    font-size: 0;
                    background-color: #eff3fa;
                }
                    div.api_consignment_details ul li li.heading_row {
                        background-color: #386eb1;
                        color: #fff;
                        border: none;
                    }
                    div.api_consignment_details ul li li.heading_row div {
                        font-size: 11px;
                        padding-left: 5px;
                        border: none;
                    }
                        div.api_consignment_details ul li li.heading_row div.item_value {
                            border-right: none !important;
                        }
                    div.api_consignment_details .button_container {
                        background-color: transparent;
                        border: none;
                        padding: 10px 0;
                        display: block;
                    }
                        div.api_consignment_details .button_container input {
                            display: inline-block;
                            max-width: 200px;
                            /*float: right;*/
                            position: relative;
                            padding: 11px 40px;
                            -moz-border-radius: 16px !important;
                            -webkit-border-radius: 16px !important;
                            border-radius: 16px !important;
                            -khtml-border-radius: 16px !important;
                            margin-right: 20px;
                        }
                    div.api_consignment_details ul li li div {
                        padding: 0;
                        box-sizing: border-box;
                        display: inline-block;
                        border: 1px solid #c6d2e8;
                        background-color: #fff;
                    }
                        div.api_consignment_details ul li li div.delete_item { background-color: transparent; }
                        div.api_consignment_details ul li li div.quantity { width: 10%; }
                        div.api_consignment_details ul li li div.code { width: 20%; }
                        div.api_consignment_details ul li li div.description { width: 40%; }
                        div.api_consignment_details ul li li div.item_value { width: 20%; }
                        div.api_consignment_details ul li li div.description select {
                            width: 100%;
                            height: 20px;
                            font-size: 8pt;
                        }
                        div.api_consignment_details ul li li div label {
                            padding-left: 5px !important;
                        }
                        div.api_consignment_details ul li li input,
                        div.api_consignment_details ul li li select {
                            font-size: 11px;
                            padding: 5px;
                            box-sizing: border-box;
                            width: 100% !important;
                            display: block !important;
                            margin: 0 !important;
                        }
                            div.api_consignment_details ul li div.code input {
                                text-align: center;
                            }
                            div.api_consignment_details ul li div.description input{
                                text-align: left;
                            }
                            div.api_consignment_details ul li li select {
                                border: none;
                            }
                    div.api_consignment_details ul li li div {
                        border-right: none;
                    }

#plErrorPartial,
#plErrorMatch,
#csErrorMatch,
#csErrorPartial {
    display: block;
    padding: 13px;
    background-image: none;
    margin: 0;
    font-family: Roboto;
    font-size: 11px;
    box-sizing: border-box;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 14px 14px;
    text-indent: 20px;
}
    #plErrorPartial span,
    #plErrorMatch span,
    #csErrorMatch span,
    #csErrorPartial span {
        border: none !important;
    }

    #plErrorPartial,
    #csErrorPartial {
        color: #6a4101;
        background-color: #feffdc;
        border: 1px solid #edebbd;
        background-image: url(../layout/icon-alert-notice-yellow.png);
        
    }
    #csErrorMatch,
    #plErrorMatch {
        color: #8a2c2c;
        background-color: #fff0f0;
        border: 1px solid #e7b2b2;
        background-image: url(../layout/icon-alert-notice-red-small.png);
    }
/*#csErrorPartial,
#csErrorMatch {
    position: absolute;
    z-index: 100;
    width: 110%;
    transform: translateX(-1px);
    left: -10px;
}*/
#csErrorPartial,
#csErrorMatch {
    z-index: 100;
    width: 100%;
    max-width: 350px;
    transform: translateX(-1px);
}
    #plErrorPartial:before,
    #plErrorMatch:before,
    #csErrorMatch:before,
    #csErrorPartial:before {
        display: block;
        width: 15px;
        height: 15px;
        content: "";
        position: absolute;
        top: -7px;
        left: 25px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate( -45deg );
        transform: rotate( -45deg );
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -khtml-border-radius: 0;
    }
    #plErrorPartial:before,
    #csErrorPartial:before {
        background-color: #feffdc;
        -moz-box-shadow: 1px -1px 0px 0px #edebbd;
        -webkit-box-shadow: 1px -1px 0px 0px #edebbd;
        box-shadow: 1px -1px 0px 0px #edebbd;
    }
    #plErrorMatch:before,
    #csErrorMatch:before {
        background-color: #fff0f0;
        -moz-box-shadow: 1px -1px 0px 0px #e7b2b2;
        -webkit-box-shadow: 1px -1px 0px 0px #e7b2b2;
        box-shadow: 1px -1px 0px 0px #e7b2b2;
    }
        .processing_quote,
        .processing_quote:before {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 5000;
        }
    .processing_quote:before {
        z-index: 5000;
        content: "";
        background: rgba(255,255,255,0.7);
    }
    .processing_quote img {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5001;
        transform: translate(-50%);
    }

    /* API2CART SHOPIFY VERSION OVERRIDES */
.shopify_v2 div.api_consignment_details ul li div.api_consignment_dimensions {
    width: 100%;
    text-align: left;
    letter-spacing: 0;
    font-size: 0;
    }
.shopify_v2 .toolbar div.pagination {
    color: #535e75;
    float: left;
    padding-left: 20px;
}
    .shopify_v2 .toolbar div.pagination a {
        margin: 0 3px;
    }
    .shopify_v2 .toolbar div.pagination b {
        margin-right: 10px;
    }
.shopify_v2 div.api_consignment_details ul li div.api_consignment_dimensions div {
    width: 20%;
    display: inline-block;
    box-sizing: border-box;
}
    .shopify_v2 div.api_consignment_details ul li div.api_consignment_dimensions div.value {
        min-width: 130px;
        border-right: 1px solid #c6d2e8 !important;
    }
    .shopify_v2 div.api_consignment_details ul li div.api_consignment_dimensions div.option {
        border: none;
        position: absolute;
        top: 20px;;
        padding: 0 0 0 0;
        text-align: right;
        width: auto;
        right: 0;
    }
        /*.shopify_v2 div.api_consignment_details ul li div.api_consignment_dimensions div.option a {
            white-space: nowrap;
            margin-right: 8px;
            padding: 5px 32px 5px 12px;
            
        }*/
    .shopify_v2 div.api_consignment_details ul li div div {
        border-bottom: 1px solid #c6d2e8;
        border-right: none;
    }
.shopify_v2 div.api_consignment_details ul ol {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
}
.shopify_v2 div.api_consignment_details ul li li div.country,
.shopify_v2 div.api_consignment_details ul li li div.description {
    width: 20%;
}
.shopify_v2 div.api_consignment_details ul li li div.code,
.shopify_v2 div.api_consignment_details ul li li div.item_value,
.shopify_v2 div.api_consignment_details ul li li div.item_weight {
    width: 15%;
}
.shopify_v2 div.api_consignment_dimensions:before,
.shopify_v2 div.api_consignment_details ul ol:before {
    text-align: left;
    margin: 9px 0;
    display: block;
    font-size: 14px;
}
.shopify_v2 div.api_consignment_details ul li li input,
.shopify_v2 div.api_consignment_details ul li li select {
    padding: 8px 5px;
}
.shopify_v2 .imported_orders .quote_results table tr td.service {
    text-align: left;
}
.shopify_v2 .api_consignment_details div.hover_prompt span.prompt {
    min-width: 100px;
    white-space: nowrap;
    border: 1px solid #687ca2;
    box-shadow: 0 0 0 1px #fff;
    color: #687ca2 !important;
}
.shopify_v2 div.hover_prompt span.prompt:before {
    box-shadow: 1px -1px 0px 0px #fff;
    border: 1px solid #687ca2;
    border-bottom: none;
    border-left: none;
    top: -8px;
}
.shopify_v2 a.use_saved_box {
    border: 1px dashed #687ca2;
    /*-moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -khtml-border-radius: 0 !important*/
}
    .shopify_v2 a.use_saved_box.blue {
        border: 1px dashed #fff;
        box-shadow: 0px 0px 0px 2px #386eb1
    }
    .shopify_v2 a.use_saved_box.grey {
        border: 1px dashed #fff;
        box-shadow: 0px 0px 0px 2px #c6d2e8;
        background-color:#fff;
    }

.shopify_v2 div.api_consignment_details a.add_item {
    width: 99.5%;
    max-width: 250px;
    -moz-border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    border-radius: 25px !important;
    -khtml-border-radius: 25px !important;
    box-shadow: 0 0 0 2px #fff;
}
.shopify_v2 .saved_consignment_popup.active {
    width: 100%;
    content: "";
    display: block;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 3000;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-transition: all 100ms ease 0s;
    -moz-transition: all 100ms ease 0s;
    -o-transition: all 100ms ease 0s;
    transition: all 100ms ease 0s;
    max-width: none;
    transform: none;
    background: rgba(255,255,255,0.8);
}
.shopify_v2 .saved_consignment_popup .inner {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -khtml-border-radius: 25px;
    border: 1px solid #c6d2e8;
    background-color: #d3dff5;
    padding: 25px 30px;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 550px;
    text-align: center;
    margin: auto !important;
    box-sizing: border-box;
    z-index: 3001;
    overflow-y: auto;
    max-height: 80%;
}
    .shopify_v2 .saved_consignment_popup .inner .note {
        top: -10px;
        position: relative;
    }
    .shopify_v2 .saved_consignment_popup .inner a.selectlink {
        display: block;
        background-color: rgb(239, 243, 250);
        margin: 6px 1px 6px 2%;
        padding: 12px 80px 12px 12px;
        text-align: center;
        color: rgb(104, 124, 162);
        font-size: 12px;
        text-decoration: none;
        text-align: left;
        box-sizing: border-box;
        border-radius: 0px !important;
        border: 1px solid rgb(239, 243, 250);
        position: relative;
    }
        .shopify_v2 .saved_consignment_popup .inner a.selectlink:after {
            content: "select";
            color: #fff !important;
            background-color: #386eb1;
            border: none;
            display: inline-block;
            padding: 5px 15px;
            -moz-border-radius: 16px !important;
            -webkit-border-radius: 16px !important;
            border-radius: 16px !important;
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
        }
        .shopify_v2 .saved_consignment_popup .inner a.selectlink:hover {
            background-color: #fff;
            border: 1px solid #fff;
        }
        .shopify_v2 .saved_consignment_popup .inner a.selectlink:active {
            background-color: #e2f7d8;
            color: #5eaf36;
            border: 1px solid #fff;
        }
            .shopify_v2 .saved_consignment_popup .inner a.selectlink:active:after {
                background-color: #43c800;
            }
    .shopify_v2 .saved_consignment_popup .button_blue {
        margin-top: 15px;
    }
    .shopify_v2 .change-alert {
        width: 100%;
    }
span.archive_select input[type="checkbox"]:checked + label,
span.archive_select input[type="checkbox"]:checked ~ label {
    background-color: #c8040c;
    border-color: #9b0107;
    color: #fff !important;
    background-image: url(../layout/cart/icon_delete.png);
}

div.image-panels {
    display: block;
    text-align: center;
}
    div.image-panels p,
    div.image-panels div.section {
        text-align: center;
        position: relative;
    }
    div.image-panels div.section {
        margin: 90px 0;
    }
        div.image-panels div.section ul,
        div.image-panels div.section ol {
            font-family: "Roboto";
            padding-bottom: 20px;
            display: inline-block;
        }
        div.image-panels div.section li {
            padding: 6px 0 6px 24px;
            line-height: 1.5em;
            color: #02548F !important;
            display: block;
            text-align: left;
            position: relative;
        }
            div.image-panels div.section li:before {
                width: 10px;
                height: 7px;
                background: red;
                content:"";
                display:block;
                position: absolute;
                left: 3px;
                top: 50%;
                transform: translateY(-50%) skew(-20deg);
            }
        

    div.image-panels img {
        width: 45%;
    }
    div.image-panels div.section div {
        position: absolute;
        top: 50%;
        width: 50%;
        transform: translateY(-50%);
    }
    div.image-panels div.section:nth-of-type(odd) div {
        left: 50%;
        right: 0;
        text-align: left;
    }
        div.image-panels div.section:nth-of-type(odd) div p {
            text-align: left;
        }
    div.image-panels div.section:nth-of-type(even) div {
        right: 50%;
        left: 0;
        text-align: right;
    }
        div.image-panels div.section:nth-of-type(even) div p {
            text-align: right;
        }
    div.image-panels div.section:nth-of-type(odd) img {
        float: left;
    }
    div.image-panels div.section:nth-of-type(even) img {
        float: right;
    }
div.packing_list_info {
    border: 4px solid #bac9e5;
    box-sizing: border-box;
    padding: 20px 20px 50px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
    margin-bottom: 90px;
}
    div.packing_list_info p {
        text-align: left !important;
        
    }
table.examples_table {
    position: relative;
    top: -5px;
}
table.examples_table td {
    text-align: left;
    vertical-align: middle;
    padding: 5px 20px 5px 20px !important;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 13px;
}
    table.examples_table td.bad {
        background-image: url(../layout/icon-red-cross-xsmall.png);
    }
    table.examples_table td.good {
        background-image: url(../layout/tick_green.png);
    }
    section.blue.banner {
        display: block;
        padding: 0;
        margin: 0;
    }
    section.blue.banner .heading {
        display: block;
        padding: 40px 0 20px !important;
        margin: 0;
        text-align: center;
        font-weight: 300 !important;
    }
a.arrow_scroll {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-color: #01619e;
    background-image: url(../layout/arrow_scroll.png);
    background-repeat: no-repeat;
    background-position: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;

}
div.display_address_lookup + div.address_lookup.newAddress {
    display: block !important;
}
ul.flow-chart,
ul.flow-chart li {
    display: block;
    padding: 20px;
    margin: 0 auto;
    position: relative;
    list-style-type: none;
    text-align: center;
}
ul.flow-chart {
    max-width: 1200px;
    padding-bottom: 60px;
}
    ul.flow-chart li {
        margin: 25px 0;
        padding: 0;
        box-sizing: border-box;
        }
        
    ul.flow-chart li div {
        background-color: #fff;
        margin: 0 0 50px 10%;
        padding: 20px 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -khtml-border-radius: 10px;
        box-shadow: 0 12px 6px -6px #00253a;
        max-width: 250px; 
        width: 90%;
        box-sizing: border-box;
        height: 190px;
        position: relative;
        z-index:1;
        
        }
            ul.flow-chart li div:after {
                display: block;
                content: "";
                width: 50px;
                height: 50px;
                background-position: center !important;
                position: absolute;
            }
                ul.flow-chart li:nth-of-type(odd) div:after {
                    background-image: url(../layout/push_pin_red.png);
                    background-repeat: no-repeat;
                    top: 0;
                    right: 5px;
                }
                ul.flow-chart li:nth-of-type(even) div:after {
                    background-image: url(../layout/push_pin_green.png);
                    background-repeat: no-repeat;
                    left: -10px;
                    top: 5px;
                }
        ul.flow-chart li:nth-of-type(odd) div {
            -ms-transform: rotate(-7deg);
            -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
        }
        ul.flow-chart li:nth-of-type(even) div {
            -ms-transform: rotate(7deg);
            -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
        }
        ul.flow-chart li img {
            width: 80%;
            height: auto;
            margin: 0 10%;
        }
    ul.flow-chart span.step_count {
        display: block;
        display: inline-block;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -khtml-border-radius: 8px;
        background-color: #42d15a;
        width: 35px;
        height: 35px;
        box-shadow: 0 8px 6px -6px #00253a;
        position: relative;
        box-sizing: border-box;
        position: absolute;
        left: -15px;
        top: 40%;
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
        }
        ul.flow-chart span.step_count b {
            color: #fff !important;
            font-size: 15px;
            width: 100%;
            margin: 0;
            padding: 0;
            position: absolute;
            top: 7px;
            left: 0;
            right: 0;
            box-sizing: border-box;
            text-shadow: 1px 1px #34aa48;
        }
        ul.flow-chart li.option span.step_count {
            background-color: #ff5e10;
        }
        ul.flow-chart li.option span.step_count b {
            font-size: 25px;
            top: 1px;
            text-shadow: 1px 1px #c34000;
        }
        ul.flow-chart h2,
        ul.flow-chart h3,
        ul.flow-chart h4 {
            font-size: 14px;
            padding: 8px 25px 0 !Important;
            margin: 0px !Important;
            color: #065390 !important;
            display: block;
        }
        ul.flow-chart li.option h2,
        ul.flow-chart li.option h3,
        ul.flow-chart li.option h4 {
            color: red !important
        }
    ul.flow-chart li:after,
    ul.flow-chart li:before {
        content:"";
        position: absolute;
        display: block;
        z-index:0;
    }
    
    ul.flow-chart li.clear {
        height: 1px !important;
        width: 100% !important;
        clear: both !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
        max-width: initial !important;
        background-color: transparent !important;
    }
        ul.flow-chart li.clear:after,
        ul.flow-chart li.clear:before,
        ul.flow-chart li:nth-last-child(2):after,
        ul.flow-chart li:nth-last-child(2):before {
            display: none !Important;
        }
div.introsummary {
    display: block;
    padding: 0;
    margin: auto;
    max-width: 1100px;
}
div.introsummary section {
    display: block;
    margin: 20px auto 0;
    padding: 20px 20px 40px;
    position: relative;
    box-sizing: border-box;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -khtml-border-radius: 15px;
    float: left;
}
    div.introsummary section.video,
    div.introsummary div.videoInnerContainer {
        position: relative;
    }
div.social .headline {
    padding-bottom: 30px;
}

table#quotationTbl td.transit_time span.warehouse {
    display: none;
}
    table#quotationTbl td.transit_time.TG.Express span.warehouse,
    table#quotationTbl td.transit_time.TG.Economy.Select span.warehouse,
    table#quotationTbl td.transit_time.TG.International span.warehouse {
        display: block !important;
    }
table#quotationTbl td.TNT div.badge-hover {
    position: relative;
}

table#quotationTbl .quote_summary_tbl {
    position: relative;
    font-family: "Roboto";
}
    table#quotationTbl .quote_summary_tbl a {
        display: block;
        color: #0185cd;
        font-size: 11px;
        padding-top: 2px;
        text-decoration: none;
    }
        table#quotationTbl .quote_summary_tbl tr.restricted a {
            color: #c9c4c4 !important;

        }
        table#quotationTbl .quote_summary_tbl a.note-link {
            color: #668dad !important;
            text-decoration: underline;
            display: inline !important;
        }
            table#quotationTbl .quote_summary_tbl a.note-link:hover {
                color: #0185cd !important;
            }
table#quotationTbl .quote_summary_tbl_info {
    position: absolute;
    background: #fff;
    padding: 13px;
    width: 360px;
    margin-top: 5px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #7fa4ca;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    -khtml-border-radius: 10px !important;
    display: none;
    cursor: help;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
}

table#quotationTbl .quote_summary_tbl:hover .quote_summary_tbl_info {
    display: block;
    z-index: 100;
    
}
    table#quotationTbl .quote_summary_tbl:hover .quote_summary_tbl_info:before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        top: -2px;
        left: 50%;
        background: #fff;
        box-shadow: -1px -1px 0 0 #7fa4ca;
        transform: rotate(45deg) translateX(-50%);
    }
table#quotationTbl .quote_summary_tbl_info table {
    width: 100%;
    margin-bottom: 0;
}
    table#quotationTbl .quote_summary_tbl_info table tr th {
        text-align: left;
        font-size: 11px;
        font-weight: bold;
        white-space: nowrap;
    }    
    
    table#quotationTbl .quote_summary_tbl_info table tr td {
        text-align: left;
        font-size: 11px;
        font-weight: normal;
    }
        table#quotationTbl .quote_summary_tbl_info table tr th:nth-of-type(2),
        table#quotationTbl .quote_summary_tbl_info table tr td:nth-of-type(2) {
            text-align: right;
            width: 20%;
        }
    table#quotationTbl .quote_summary_tbl_info table td {
        padding: 9px 10px !important;
    }
    table#quotationTbl .quote_summary_tbl_info table tr:nth-of-type(odd) td {
        background-color: #fff;
    }
    table#quotationTbl .quote_summary_tbl_info table tr:nth-of-type(even) td {
        background-color: #e5ecfa;
    }
    table#quotationTbl .quote_summary_tbl_info table tr td strong {
        color: #296db3;
    }
table#quotationTbl .quote_summary_tbl_info .note {
    text-align: center;
    font-size: 11px;
}



    table#quotationTbl .quote_summary_tbl_info table tr td strong {
        color: #296db3;
    }

table#quotationTbl .quote_summary_tbl_info .note {
    text-align: center;
    font-size: 11px;
}


h5.format_ddp {
    font-family: "Roboto" !important;
}
    h5.format_ddp b {
        font-family: "Roboto" !important;
    }
    h5.format_ddp b span {
        display: inline;
        color: red;
        font-size: 24px;
    }
    /* APPLIES RIBB0N TO NEXT DAY SERVICES ON QUOTE RESULTS PAGE */
    /*td.serviceName.Saturday span.ribbon, 
td.serviceName.\31 2pm span.ribbon,
td.serviceName.\39 am span.ribbon,
td.serviceName.\31 \30 am span.ribbon,
td.serviceName.\39 \3A 30am span.ribbon,
td.serviceName.\31 \30 \3A 30am span.ribbon,
td.serviceName.\31 \37 \3A 30 span.ribbon,
td.serviceName.\35 \3A 30pm span.ribbon {
    display: block;
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../layout/ribbon-next-day.png);
    position: absolute;
    top: -10px;
    left: -11px;
}*/
    /*table#quotationTbl td.TNT span.ribbon {
    display: block;
    width: 50px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../layout/ribbon-offer.png);
    position: absolute;
    top: -14px;
    left: -11px;
}*/
    table#quotationTbl tr.restricted.Landmark.Global.DDP span.ribbon {
        display: block;
        width: 55px;
        height: 55px;
        background-repeat: no-repeat;
        background-position: left top;
        background-image: url(../layout/ribbon-new.png);
        position: absolute;
        top: -24px;
        left: -11px;
    }

table#quotationTbl tr.featured {
    background-color: #d2e4fa !important;
    border-top: 9px solid #f6f9fc;
    border-bottom: 9px solid #f6f9fc;
}
table#quotationTbl tr.featured td span.ribbon {
    display: block;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../layout/ribbon-featured.png);
    position: absolute;
    top: -14px;
    left: -11px;
}
table#quotationTbl span.quote_action {

}
    table#quotationTbl span.quote_action a {
        font-weight: 500;
        font-family: "Roboto";
        text-decoration: underline;
        color: #498bd0 !important;
        display: block;
    }
    div.hover span.notification a.inline,
    div.badge-hover span.notification a.inline {
        display: inline;
    }
    div.hover span.notification i.list-item {
        position: relative;
        padding-left: 24px;

    }
        div.hover span.notification i.list-item:before {
            content: "";
            position: absolute;
            display: block;
            width: 6px;
            height: 6px;

            background-color: #386eb1;
            left: 8px;
            top: 8px;
        }
/*table#quotationTbl tr.offer td span.ribbon {
    display: block;
    width: 50px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../layout/ribbon-offer.png);
    position: absolute;
    top: -14px;
    left: -11px;
}
body.DE table#quotationTbl tr.offer td span.ribbon {
    background-image: url(../layout/ribbon-offer_de.png);
}*/
.tg_collections_banner .heading {
    color: #355681;
    font-size: 16px;
    margin-bottom: 9px;
}
.tg_collections_banner .note {
    color: #355681;
    font-size: 12px;
}
.tg_collections_banner a {
    background-color: #4e9fea;
    color: #fff;
    display: inline-block;
    padding: 8px 15px;
    position: absolute;
    right: 30px;
    top: 50%;
    text-decoration: none;
    transform: translateY(-50%);
}
.tg_collections_banner {
    display: block;
    width: 100%;
    color: #355681;
    box-sizing: border-box;
    margin: 20px auto 30px;
    background: linear-gradient(to bottom, #f5f5f9, #f2f3f7) !important;
    padding: 40px 160px 40px 30px;
    color: #296db3;
    text-align: left;
    position: relative;
    width: 90%;
    max-width: 1150px;
}
div.select-container {
    display: block;
    padding: 5px 10px;
    margin: auto auto 10px;
    background-color: #e2eaf9 !important;
}
ul.select-list,
ul.select-list ul,
ul.select-list ol {
    display: block;
    padding: 0;
    margin: 10px auto;
    box-sizing: border-box;
    text-align: center;
    list-style-type: none;
    background-color: #fff;
    border: 1px solid #cedaf1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    cursor: pointer;
    color: #9daac1;
    min-width: 280px;
}

    ul.select-list ul,
    ul.select-list ol {
        margin: 12px auto 0 auto;
        padding: 15px;
        list-style-type: none;
        position: absolute;
        z-index: 500;
        display: none;
        width: 100%;
        box-sizing: border-box;
        left: 0;
        box-shadow: 0px 2px 3px #829ab2;
    }
        ul.select-list li:hover ul,
        ul.select-list li:hover ol {
            display: block !important;
        }
    ul.select-list li {
        padding: 12px 0;
        margin: 0;
        display: block;
        letter-spacing: 1px;
        box-sizing: border-box;
        position: relative;
        }
        ul.select-list li.active,
        ul.select-list li.active:hover {
            position: absolute;
            
            top: -40px;
            left: 0;
            right: 0px;
            background-color: #fff !important;
        }
            ul.select-list li.active span,
            ul.select-list li.active:hover span {
                color: #9daac1 !important;
            }
        ul.select-list li:after {
            display: block;
            width: 40px;
            height: 100%;
            margin: 0;
            position: absolute;
            right: -1px;
            top: -1px;
            bottom: 0;
            content: "";
            border: 1px solid #296db3;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url(../layout/cart/icon-down-arrow.png);
            -webkit-border-bottom-right-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-bottomright: 10px;
            -moz-border-radius-topright: 10px;
            border-bottom-right-radius: 10px;
            border-top-right-radius: 10px;
            z-index: 505;
        }
    ul.select-list li li {
        padding: 9px 6px;
    }
        ul.select-list li li:after {
            display: none;
        }
        ul.select-list li li:nth-of-type(even) {
            background-color: #eef5fa;
        }

        ul.select-list ul li span,
        ul.select-list ul li a {
            color: #054f95;
        }
            ul.select-list li li:hover a,
            ul.select-list li li:hover span {
                color: #0185cd;
            }

.account_area .export-options {
    display: inline-block;
}
    .account_area div#popup-content.active .export-options {
        display: none !important;
    }
    .account_area .export-options .export-options-item,
    .account_area .export-options .export-options-header {
        display: inline-block;
        white-space: nowrap;
        position: relative;
        padding: 5px;
        color: #004a8a;
    }
    .account_area .export-options .export-options-header {
        font-weight: bold;
    }
    .account_area .export-options .export-options-item {
        padding-left: 20px;
    }
        .account_area .export-options .export-options-item.address {
            margin-left: 10px;
            padding-left: 20px;
        }
    .account_area .export-options .export-options-item input {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: 0 !important;
        transform: translateY(-50%) !important;
    }
div.filter-form {
    display: block;
    padding: 0;
    margin: 0;
}
    div.filter-form ol, 
    div.filter-form ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: auto;
    }
        div.filter-form li {
            display: block;
            float: left;
            box-sizing: border-box;
            padding: 0;
            width: 25%;
        }
            div.filter-form li.destination {
                clear: left;
                width: 32%;
            }
            div.filter-form li.reference {
                width: 32%;
            }
            div.filter-form li.date-range {
                width: 32%;
            }
            div.filter-form li.export-options {
                width: 96%;
                border: 1px solid #cedaf1;
                margin: 19px;
                padding: 2px;
                border-radius: 9px;
            }
            div.filter-form li div {
                display: block;
                padding: 8px 15px 8px 0;
                margin: 0;
                clear: both;
                text-align: right;
                box-sizing: border-box;
                position: relative;
            }

            div.filter-form li.export-options div {
                float: left;
                clear: none;
            }
                div.filter-form li.export-options div:nth-of-type(1) {
                    width: 20%;
                    text-align: right;
                    padding: 14px;
                    font-weight: bold;
                }

                div.filter-form li.export-options div:nth-of-type(2) {
                    width: 25%
                }

                div.filter-form li.export-options div:nth-of-type(3), div.filter-form li.export-options div:nth-of-type(4) {
                    width: 27%
                }

            div.filter-form li input,
            div.filter-form li select {
                display: block;
                width: 50%;
                padding: 5px;
                margin: 0;
                border: 1px solid #bac9e5;
                box-sizing: border-box;
                float: right;
            }
            div.filter-form li.destination select,
            div.filter-form li.destination input {
                width: 60%;
            }
            div.filter-form li label {
                position: relative;
                top: 5px;
                right: 5px;
            }
            div.filter-form li.form-submit {
                text-align: center;
                padding: 15px 20px 0px 0;

            }
                #OrdersFilter div.filter-form li.form-submit {
                    text-align: center;
                    padding: 5px 20px !important;
                }
                #OrdersFilter div.filter-form li.form-submit {
                    text-align: center;
                    padding: 15px 20px 0px 0;
                    background-color: #d3dff5;
                    display: block;
                    width: 98%;
                    -moz-border-radius: 8px;
                    -webkit-border-radius: 8px;
                    border-radius: 8px;
                    -khtml-border-radius: 8px;
                }
                #OrdersFilter div.filter-form li.form-submit a.button_blue {
                    float: none !important;
                    border: none;
                    margin-right: 30px;
                }
        div.filter-form li.form-submit a.btn {
            float: right;
        }
        div.filter-form li.form-submit a.link {
            position: relative;
            top: 7px;
            right: 10px;
        }



ul.tiled-panels,
ol.tiled-panels {
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
    list-style-type: none;
    box-sizing: border-box;
}
.tiled-panels li {
    float: left;
    width: 31.3%;
    margin: 20px 1%;
    list-style-type: none;
    box-sizing: border-box;
    text-align: center;
}
.tiled-panels li a {
    box-sizing: border-box;
    text-decoration: none;
    max-width: 400px;
    margin: auto;
}
    .tiled-panels li h3,
    .tiled-panels li .title {
        font-size: 18px !important;
        margin: 0px !important;
        padding: 30px 0 0 !important;
        background-repeat: no-repeat;
        background-position: top center;
    }
    .tiled-panels li a.labels h3 { background-image: url(../layout/icon-label.png); }
    .tiled-panels li a.invoice h3 { background-image: url(../layout/icon-label-packinglist.png) }
    .tiled-panels li a.manifest h3 { background-image: url(../layout/icon-label-manifest.png); }

    .tiled-panels li a,
    .tiled-panels li a p,
    .tiled-panels li p {
        color: #054f95;
    }
        .tiled-panels li a p,
        .tiled-panels li p {
            text-align: center;
            font-size: 11px;
        }
div#popup-content { display: none;}   
div#popup-content.active { display: block;}

.tabs {
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-size: 0px;
    position: relative;
    top: 1px;
}
    .tabs ul,
    .tabs ol,
    .tabs li {
        list-style-type: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .tabs li {
        display: inline-block;
        background-color: #edf1f9;
        border: 1px solid #cedaf1;
        position: relative;
        z-index: 1;
        -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;
        color: #7794ab; 
        cursor: pointer;
    }
        .tabs li a {
            text-decoration: none;
        }
        .tabs li span {
            font-size: 12px;
            padding: 8px 14px;
            display: block;
            margin: 0;
            -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;
            color: #7794ab; 
        }
            .tabs li.active {
                border-bottom: 1px solid #fff;
                background-color: #fff;
            }

#tabs {
    width: 100%;
    height: 30px;
    padding-right: 2px;
    margin-top: 30px;
    position: relative;
    top: 8px;
}

    #tabs li {
        float: left;
        list-style: none;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        margin-right: 5px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        outline: none;
    }

        #tabs li a {
            font-family: Arial, Helvetica, sans-serif;
            font-family: "Roboto";
            font-size: small;
            font-weight: 500;
            color: #5685bc;
            padding-top: 5px;
            padding-left: 12px;
            padding-right: 12px;
            padding-bottom: 8px;
            display: block;
            background: #FFF;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            text-decoration: none;
            outline: none;
        }

            #tabs li a.inactive {
                padding-top: 5px;
                padding-bottom: 8px;
                padding-left: 8px;
                padding-right: 8px;
                color: #666666;
                background: #EEE;
                outline: none;
            }

                #tabs li a:hover, #tabs li a.inactive:hover {
                    color: #5685bc;
                    outline: none;
                }
.InnerWindowBody #tabs {
    padding-left: 20px;
}
.InnerWindowBody #tabs li a.inactive {
    background: #d7efff;
    border-bottom: 1px solid #296db3;
    color: #085c92;
    position: relative;
    top: -1px;
}

.container {
    clear: both;
    width: 100%;
    text-align: left;
}


div.iframecontainer {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 700px;
}
    div.iframecontainer iframe {
        border: none !important;
        width: 100%;
        height: 700px;
    }
iframe#orgIFrame {
    border: none !important;
}

.accreditations {
    display: block;
    padding: 20px 0 40px;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
}
    .accreditations li {
        display: inline-block;
        padding: 0 20px;
        margin: 0;
        box-sizing: border-box;
    }
        .accreditations li img {
            width: 80%;
            height: auto;
        }
        .accreditations li.bifa img { max-width: 65px;}
        .accreditations li.iata img { max-width: 57px;}
        .accreditations li.fiata img { max-width: 45px;}
        .accreditations li.dot img { max-width: 110px;}
        .accreditations li.amazon img { max-width: 169px;}
        .accreditations li.cse img { max-width: 50px;}
        .accreditations li.iip img { max-width: 173px;}

div.basic-form {
    width: 90%;
    margin: 0 5%;
}
    div.basic-form div.AddressDetails_Left,
    div.basic-form div.AddressDetails_Right {
        width: 96% !important;
        margin: 0 2% !important;
    }
section.tracking-form {
    display: block;
    padding: 0;
    margin: 0 10px 0 0;
    box-sizing: border-box;
}

section.tracking-form form {
    background-color: #d7e3ef;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -khtml-border-radius: 50px;
    position: relative;
    
}
    section.tracking-form form label {
        display: none;
        position: absolute;
        top: 45px;
        right: 0;
        background-color: #fff;
        color: #fff;
        width: 270px;
        text-align: center;
        line-height: normal !important;
        height: auto !important;
        /*white-space: nowrap;*/
        border: 2px solid #115fb2;
        padding: 15px;
        color: #115fb2;
        font-size: 12px;
        box-sizing: border-box;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -khtml-border-radius: 10px;
        -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;
        letter-spacing: 1px;
    }
        section.tracking-form form label:after {
            display: block;
            width: 15px;
            height: 15px;
            background-color: #fff;
            -moz-box-shadow: 2px -2px 0px 0px #115fb2;
            -webkit-box-shadow: 2px -2px 0px 0px #115fb2;
            box-shadow: 2px -2px 0px 0px #115fb2;
            content: "";
            position: absolute;
            top: -7px;
            left: 49%;
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
    section.tracking-form form:hover label,
    section.tracking-form form:focus label {
        display: block;
        -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;
        
    }
    section.tracking-form form input {
        position: relative;
        width: 100% !important;
        border: none;
        z-index: 0;
        padding: 0 40px 0 20px !important;
        box-sizing: border-box;

        letter-spacing: 1px;
    }
    section.tracking-form form a#trackingformurl {
        position: absolute;
        top: 4px; 
        right: 4px;
        width: 33px;
        box-sizing: border-box;
        height: 33px;
        line-height: 35px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        background-color: #f6f9fc;
        background-image: url(../layout/icon_search.png);
        background-repeat: no-repeat;
        background-position: center;
    }
        section.tracking-form form a#trackingformurl span {
            display: none;
        }
    section.tracking-form div#trackingFailed {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        background-color: #c40202;
        padding: 10px 40px;
        margin: 0 !important;
        box-sizing: border-box;
    }
        section.tracking-form div#trackingFailed span.close {
            display: block;
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;```
            background-position: center;
            background-image: url(../layout/cart/icon-close.png);
            position: absolute;
            right: 0;
            top: 20%;
        }


    section.tracking-form form,
    section.tracking-form form input {
        height: 41px;
        line-height: 41px;
    }

.pagetabmenu {
    margin-top: 30px;
}
ul.advent {
    display: block;
    padding: 10px 10px 0;
    margin: 0;
}
    ul.advent,
    ul.advent li {
        list-style-type: none;
        box-sizing: border-box;
    }    
    ul.advent li {
        width: 25%;
        float: left;
        padding: 15px;
        overflow:hidden;
        text-align: center;
        
    }
        ul.advent li div {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        }
        ul.advent li img {
            width: 100%;
            opacity: 0.85;
            filter: alpha(opacity=85);

        }
            ul.advent li img:hover {
               width: 100%;
                opacity: 1;

            }
    ul.advent:after {
        display: block;
        content: "";
        padding: 0;
        margin: 0;
        width: 100%;
        clear: both;
    }
        ul.advent li.one div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake01s.jpg); }
        ul.advent li.two div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake02s.jpg); }
        ul.advent li.three div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake03s.jpg); }
        ul.advent li.four div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake04s.jpg); }
        ul.advent li.five div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake05s.jpg); }
        ul.advent li.six div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake06s.jpg); }
        ul.advent li.seven div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake07s.jpg); }
        ul.advent li.eight div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake08s.jpg); }
        ul.advent li.nine div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake09s.jpg); }
        ul.advent li.ten div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake10s.jpg); }
        ul.advent li.eleven div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake11s.jpg); }
        ul.advent li.twelve div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake12s.jpg); }
        ul.advent li.thirteen div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake13s.jpg); }
        ul.advent li.fourteen div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake14s.jpg); }
        ul.advent li.fifteen div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake15s.jpg); }
        ul.advent li.sixteen div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake16s.jpg); }
        ul.advent li.seventeen div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake17s.jpg); }
        ul.advent li.eighteen div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake18s.jpg); }
        ul.advent li.nineteen div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake19s.jpg); }
        ul.advent li.twenty div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake20s.jpg); }
        ul.advent li.twentyone div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake21s.jpg); }
        ul.advent li.twentytwo div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake22s.jpg); }
        ul.advent li.twentythree div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake23s.jpg); }
        ul.advent li.twentyfour div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake24s.jpg); }
        ul.advent li.twentyfive div { background-image: url(http://www.transglobalexpress.com/uk/marketing/assets/advent/xmas_box_shake25s.jpg); }


div.announcement span.pulse,
section.banner div.notification li {
    animation: normal;
    width: auto;
    margin: auto;
    position: relative;
}
    div.announcement span.pulse {
        display: block;
        display: inline-block;
    }
section.banner div.notification li span:before,
div.announcement span.pulse:before {
  content: "i";
  float: left;
  position: relative;
  left: -10px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #01619e;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(0,155,236, 0.4);
  animation: pulse 2s infinite;
  box-sizing: border-box;
  padding: 2px 0 0;

}

section.banner div.notification li span:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding-top: 4px;
    font-size: 12px;
    font-family: "RobotoBold";
    line-height: normal;
    background: #e19a00;
}
section.banner .notification,
section.banner .notification ul {
    display: block;
    padding: 0 !important;
    margin: 0;
    text-align: center;
    width: 100% !important;
    list-style-type: none;
}
section.banner .notification {
    background-color: #0f4c8a;
}
    section.banner .notification.black,
    section.banner .notification.black li,
    section.banner .notification.black li span:before {
        background-color: #000 !important;
        color: #fff !important
    }
    section.banner .notification.black li span:before {
        border: 2px solid #fff;
        animation: none !important;
    }
    section.banner .notification li span {
        display: block;
        padding: 17px 10px 17px 36px;
        font-size: 14px;
        line-height: 1.6em;
        box-sizing: border-box;
    }
        section.banner .notification li span {
            display: inline-block;
            position: relative;
        }
            section.banner .notification li span a {
                text-decoration: underline;
                text-shadow: none !important;
            }
section.banner div.notification li.alert_0,
section.banner div.notification.normal li span:before {
        background-color: #0f4c8a;
}
section.banner div.notification li.alert_2,
section.banner .notification.warning span {
    background-color:#d95200;
}
    section.banner div.notification li.alert_2 span:before,
    section.banner div.notification.warning li span:before {
        background: #ff6f42;
        content: "!";
        animation: warningpulse 2s infinite;
    }
section.banner div.notification li.alert_1,
section.banner .notification.critical li {
    background-color:#9f0f0f;
}
    section.banner div.notification li.alert_1 span:before,
    section.banner div.notification.critical li span:before {
        background: #c10520;
        content: "!";
        animation: criticalpulse 2s infinite;
    }
div.announcement span.airfreight:before {
    width: 36px;
    height: 36px;
    content: "" !important;
    background-image: url(../layout/icon_aeroplane.png);
    background-repeat: no-repeat;
    background-position: center;
    top: -5px;
    
}
div.form_layout table.insurance_quote {
    margin: 20px auto !important;
    border: 1px #296db3 solid;
}
.rounded_table {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -khtml-border-radius: 9px;
    display: inline-block;
}
.rounded_table thead,
.rounded_table tr:first-of-type {
    -webkit-border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topleft: 8px;
        -moz-border-radius-topright: 8px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
}
.rounded_table tr:last-of-type {
    -webkit-border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
        -moz-border-radius-bottomright: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
}
.rounded_table tr:first-of-type th:first-of-type {
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
}
.rounded_table tr:first-of-type th:last-of-type {
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
}
.rounded_table tr:last-of-type td:first-of-type {
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
}
.rounded_table tr:last-of-type td:last-of-type {
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
}
.form_layout 
{
    
    display: block;
    text-align: center;
    padding: 40px 0;
}
    .form_layout label {
        font-family: "Roboto", Arial;
        color: #386eb1;
    }
    .form_layout input[type="text"],
    .form_layout select {
        background-color: #fff;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        -khtml-border-radius: 7px;
        padding: 8px !important;
        box-sizing: border-box;
        border: 1px solid #bac9e5 !important;
    }
table.insurance_quote td,
table.insurance_quote th {
    text-align: center;
    padding: 8px;
    font-family: Roboto;
    font-weight: 300;
}
table.insurance_quote td {
    color: #115fb2;
    background-color: #fff;
}
    table.insurance_quote td.quote {
        color: #12ac12;
    }
table.insurance_quote th {
    color: #fff;
    background-color: #296db3;
}
div#insuranceQuote a.link {
    color: #0185cd !important;
}
.pulse:before:hover {
  animation: none;
}
h2.pulse {
    -webkit-animation: none;
}
h2.pulse span {
    position: relative;
    padding-left: 26px;
}
    h2.pulse span:before {
        content: "";
        display: block;
        width: 12px !important;
        height: 12px !important;
        background-color: #42d15a;
        box-shadow: 0 0 0 rgba(0,155,236, 0.4);
        animation: pulse 2s infinite;
        -webkit-animation-iteration-count: infinite !important;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0,155,236, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(0,155,236, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(0,155,236, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0,155,236, 0.4);
    box-shadow: 0 0 0 0 rgba(0,155,236, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(0,155,236, 0);
      box-shadow: 0 0 0 10px rgba(0,155,236, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0,155,236, 0);
      box-shadow: 0 0 0 0 rgba(0,155,236, 0);
  }
}

@-webkit-keyframes warningpulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,196,178, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,196,178, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,196,178, 0);
  }
}
@keyframes warningpulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,196,178, 0.4);
    box-shadow: 0 0 0 0 rgba(255,196,178, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,196,178, 0);
      box-shadow: 0 0 0 10px rgba(255,196,178, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,196,178, 0);
      box-shadow: 0 0 0 0 rgba(255,196,178, 0);
  }
}
@-webkit-keyframes warningpulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,196,178, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,196,178, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,196,178, 0);
  }
}
@keyframes criticalpulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,178, 0.4);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
      box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}

footer .address_block {
    display: block;
    font-size: 11px;
    max-width: 275px;
    white-space: normal;
    font-family: "Roboto", Arial;
    color: #fff !important;
    padding-top: 2px;
    margin: 0;
    box-sizing: border-box;
}
.helper {
    display: none;
    width: 100%;
    max-width: 400px;
    min-width: 250px;
    position: absolute;
    z-index: 20;
    background-color: #fff;
    padding: 14px;
    box-sizing: border-box;
    border: 2px solid #115fb2 ;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    text-align: left;
}
    .helper.above {
        bottom: 100%;
    }
    .helper.below {
        top: 100%;
    }
    .helper i {
        font-style: normal;
        font-size: 11px;
        display: block;
        color: #01619e;
        text-align: left;
        white-space: normal;
        padding: 3px 0;
    }
    .helper:after {
        display: block;
        width: 15px;
        height: 15px;
        background-color: #fff;
        -moz-box-shadow: 2px -2px 0px 0px #115fb2;
        -webkit-box-shadow: 2px -2px 0px 0px #115fb2;
        box-shadow: 2px -2px 0px 0px #115fb2;
        content: "";
        position: absolute;
        
        
    }
        .helper.above:after {
            -ms-transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            bottom: -7px;
            left: 20px;
            -moz-box-shadow: 2px -2px 0px 0px #115fb2;
            -webkit-box-shadow: 2px -2px 0px 0px #115fb2;
            box-shadow: 2px -2px 0px 0px #115fb2;
        }
        .helper.below:after {
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: -7px;
            left: 49%;
            -moz-box-shadow: -2px 2px 0px 0px #115fb2;
            -webkit-box-shadow: -2px 2px 0px 0px #115fb2;
            box-shadow: -2px 2px 0px 0px #115fb2;
        }

label.help {
    position: relative;
}
label.help:before {
    content: "i";
    display: block;
    width: 16px;
    height: 16px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    background-color: #fff;
    color: #0185cd;
    text-align: center;
    float: left; 
    position: relative;
    left: -5px;
    border: 1px solid #fff;
}
    label.help .helper {
        left: 0;
    }
label.help:hover .helper,
label.help:active .helper,
label.help:focus .helper {
    display: block
}

section.banner .breadcrumb { display: none; }

section.banner.media {
    background-repeat: no-repeat;
    background-size: cover !important;
    border-top: 9px solid #01619e;
    overflow: hidden;
    padding: 0px !important;
    position: relative; 
}
    section.banner.media.gdpr {
        background-color: #003399;
        background-position: center 15px;
        background-image: url(../layout/eu-stars.png);
        background-size: initial !Important;
    }
        section.banner.media.gdpr h3 {
            padding: 100px 0;
            padding: 130px 0 5vh 0;
        }

section.banner.media div.inner-container {
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    background-image: none !important;
    z-index: 3;
    position: relative;
    padding-bottom: 110px;
}
    section.banner.media.air-freight div.inner-container {
        padding-bottom: 180px;
    }
    body.careers section.banner.media div.inner-container {
        padding-bottom: 160px !important;
    }
section.banner.media h1,
section.banner.media h2,
section.banner.media h3,
section.banner.media h4,
section.banner.media h5 {
    text-shadow:2px 1px #000;
}
section.banner.media.amz h3,
section.banner.media.amz a {
    text-shadow: 2px 1px #fff !important;
}
section.banner.media label {
    text-shadow:1px 1px #000;
}
    section.banner.media.tracking label {
        font-size: 15px;
        width: 100%;
        display: block;
        max-width: 500px;
        text-align: center;
        margin: auto;
        padding: 0 10px;
        box-sizing: border-box;
    }
    section.banner.media:after {
        display: block;
        content: "";
        width: 120%;
        height: 140px;
        background-color: #fff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        position: absolute;
        bottom: -60px;
        left: -10%;
        border-top: 12px solid #01619e;
        z-index: 2;
    }
    section.banner.media.no_quote_footer_curve {
        border-bottom: 3px solid #fff;
    }
    section.banner.media.no_quote_footer_curve:after {
        display: none;
    }
    section.banner.media span.helper,
    section.banner.media label.help:before {
        text-shadow: none !important;
    }

section.banner.media video {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    max-height: none;
    max-width: none !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
}
    section.banner.media .overlay {
        position:absolute;
        height:100%;
        width:100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.4);
        background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.2));
        z-index: 1;       
    }
        section.banner.media.air-freight .overlay,
        section.banner.media.air-freight2 .overlay {
            background: linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.2));
        }
        section.banner.media.TransglobalNextDay  .overlay {
            background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(255,255,255,0));
        }

    section.banner.media div.media-container {
        position: absolute;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

	section.banner.media.news {
        background-image: url(../layout/images/background_news_large.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        
    }
    section.banner.media h1,
    section.banner.media h2,
    section.banner.media h3,
    section.banner.media h4,
    section.banner.media h5 {
        font-size: 3.8em !important;
        color: #fff !important;
        text-shadow: 2px 2px #000;
    }
        section.banner.media.grey h1,
        section.banner.media.grey h2,
        section.banner.media.grey h3,
        section.banner.media.grey h4,
        section.banner.media.grey h5,
        section.banner.media.usps.print h1,
        section.banner.media.usps.print h2,
        section.banner.media.usps.print h3,
        section.banner.media.usps.print h4,
        section.banner.media.usps.print h5,
        section.banner.media.new_compact h1,
        section.banner.media.new_compact h2,
        section.banner.media.new_compact h3,
        section.banner.media.new_compact h4,
        section.banner.media.new_compact h5 {
            text-shadow: none !important;
        }
        section.banner.media.campaigns.parcelforce h3 {
            font-size: 2.8em !important;
        }
        section.banner.media.international_courier h3 {
            font-size: 3.2em !important;
        }
        body.DE section.banner.media.fedex h3 {
            font-size: 3.5em !important;
        }
	section.banner.media .price_sample {
        display: inline !important;
	}
	section.banner.media.news h1 {
        max-width: 800px;
    }
    section.banner.media.news div.form.quote {
        padding-top: 0px !important;
    }
    section.banner.media.news div.breadcrumb {
        display: block;
        position: relative;
        z-index: 2;
        background-color: rgba(0,0,0,0.5) !important;
        padding: 16px 10px;
        color: #fff;
        text-align: left;
        border: 1px solid #111;
        margin-bottom: 10px;
        }
        section.banner.media.news div.breadcrumb a {
            color: #fff;
        }
        section.banner.media.news div.breadcrumb ul {
            max-width: 1150px;
            margin: auto;
            list-style-type: none;
        }
            section.banner.media.news div.breadcrumb ul li {
                display: inline-block;
            }
                section.banner.media.news div.breadcrumb ul li b {
                    margin-right: 5px;
                }
                section.banner.media.news div.breadcrumb ul li:after {
                    content: ">";
                    margin: 0 5px;
                    color: #498bd0;
                }
                    section.banner.media.news div.breadcrumb ul li:last-of-type:after {
                        display: none;
                    }
section.banner.media ul.published,
section.banner.media ul.published li {
    list-style-type: none;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px #000;
}
    section.banner.media ul.published {
        padding: 8px 15px;
        display: inline-block !important;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -khtml-border-radius: 6px;
        
        margin-bottom: 15px;
    }
    section.banner.media ul.published li {
        display: inline-block;
        padding: 2px 12px 2px 18px;
        letter-spacing: 1px;
        position: relative;
        background-repeat: no-repeat;
        background-position: left center;
    }
        section.banner.media ul.published li b {
            display: none;
        }
        section.banner.media ul.published li.author { background-image: url(../layout/icon-author-white.png); }
        section.banner.media ul.published li.category { background-image: url(../layout/icon-category-vsmall-white.png); }
        section.banner.media ul.published li.date { background-image: url(../layout/icon-clock-vsmall-white.png); }


section.banner.media figure,
section.slideshow figure,
#slideshow figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
}
    section.banner.media.news figure {
        opacity: 100;
        background-size: cover;
        background-position: center;
        }
    
    section.slideshow figure {
        opacity: 0;
    }   

section.three_slides figure {
    animation: slideShow 36s linear infinite 0s;
  -o-animation: slideShow 36s linear infinite 0s;
  -moz-animation: slideShow 36s linear infinite 0s;
  -webkit-animation: slideShow 36s linear infinite 0s;
}
section.six_slides figure {
    animation: slideShow 36s linear infinite 0s;
  -o-animation: slideShow 36s linear infinite 0s;
  -moz-animation: slideShow 36s linear infinite 0s;
  -webkit-animation: slideShow 36s linear infinite 0s;
}
   
.pic-1,
.pic-2,
.pic-3,
.pic-4,
.pic-5,
.pic-6,
.pic-7,
.pic-8, 
.pic-9, 
.pic-10 {
  opacity: 1;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
section.slideshow .pic-1 {
  opacity: 1;
}

section.slideshow .pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
}

section.slideshow .pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
}
section.slideshow .pic-4 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
}
section.slideshow .pic-5 {
  animation-delay: 24s;
  -o-animation-delay: 24s;
  -moz--animation-delay: 24s;
  -webkit-animation-delay: 24s;
}
section.slideshow .pic-6 {
  animation-delay: 30s;
  -o-animation-delay: 30s;
  -moz--animation-delay: 30s;
  -webkit-animation-delay: 30s;
}

/* slideshow keyframes */

@keyframes 
slideShow {  0% {
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 transform:rotate(0.1deg)scale(1.1);
 -ms-transform:rotate(0.1deg)scale(1.1);
}
 100% {
 opacity: 0;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}
 @-o-keyframes 
slideShow {  0% {
 opacity: 0;
 -o-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -o-transform:rotate(0.1deg)scale(1.1);
}
 100% {
 opacity: 0;
 -o-transformm:scale(1);
}
}
 @-moz-keyframes 
slideShow {  0% {
 opacity: 0;
 -moz-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -moz-transform:rotate(0.1deg)scale(1.1);
}
 100% {
 opacity: 0;
 -moz-transformm:scale(1);
}
}
 @-webkit-keyframes 
slideShow {  0% {
 opacity: 0;
 -webkit-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -webkit-transform:rotate(0.1deg)scale(1.1);
}
 100% {
 opacity: 0;
 -webkit-transformm:scale(1);
}
}

/* end slideshow keyframes */


    section.banner.media.advertisement div.form.quote {
        display: block;
        width: 50%;
        float: right;
        text-align: left;
        max-width: 700px;
        background: rgba(0, 0, 0, 0.5);
        padding: 20px !important;
        margin: 30px;
        box-sizing: border-box;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        -khtml-border-radius: 25px;
    }
        section.banner.media.advertisement div.center-column.sixty {
            width: 100% !important;
            margin: 0 0 0 auto !important;
            padding: 10px 0 0 0 !Important;

            }
    section.banner.media.advertisement h1,
    section.banner.media.advertisement h2,
    section.banner.media.advertisement h3,
    section.banner.media.advertisement h4,
    section.banner.media.advertisement h5 {
        font-size: 40px !Important;
        text-align: left;
        margin: 0 !important;
        padding: 0 !important;
    }

.offset_sellingpoints {
    position: relative; 
    height: 80px;
}

.offset_sellingpoints ul.iconSellingPoints {
    position:absolute;
    top: -145px;
    z-index: 10;
    left: 50%;
    width: 100%;
    
    transform: translateX(-50%);
}
    .offset_sellingpoints.process ul.iconSellingPoints {
        max-width: 800px !important;
    }
    .offset_sellingpoints.ukservices ul.iconSellingPoints {
        max-width: 900px !important;
    }
    .offset_sellingpoints.deservices ul.iconSellingPoints {
        max-width: 400px !important;
    }
.offset_sellingpoints .button-container {
    z-index: 11;
    position: relative;
}
.account_notifications {
    display: block !important;
    width: 98%;
    margin: 0 1%;
    padding: 0 6px;
    box-sizing: border-box;
}
.account_notifications iframe {
    border: none;
    width: 100%;
    height: auto;
}
table.apinotice tr:nth-child(even) {
    background-color: #f6f9fc !important;
}
.account_notifications h2 span {
    width: 98% !important;
}

.account_notifications span.note {
    margin-left: 10px;
}
table.apinotice td {
    text-align: left;
    color: #668dad !Important;
}
table.apinotice td.date {
    width: 10%;
}
table.apinotice td.heading {
    width: 30%;
    font-weight: bold !important;
}
table.apinotice td.summary {
    width: 60%;
}
#inline_content_ReviewShippingDetails table {
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    max-width: 600px
}
.quote_summary {
    display: block;
    text-align: center;
    background-color: #e2eaf9;
    padding: 30px 0;
    box-sizing: border-box;
    color: #02548F;
    font-family: "Roboto";
    margin: 0 0 30px;
    font-size: 14px;
}
table.quote_consignmenttype {
    margin-bottom: 15px !important;
}
    table.quote_consignmenttype label {
        display: inline-block;
        padding: 5px 10px 5px 5px;
    }
table.quote_consignmenttype select {
    width: 90%;
}
table.quote_destinations th {
    color: #02548F;
    font-family: "Roboto";
    font-size: 14px;
    padding: 5px 0;
}
table.quote_destinations td {
    padding: 0;
}
    table.quote_destinations td input,
    table.quote_destinations td select {
        width: 98%;
        display: block;
    }
    table.quote_destinations td input {
        margin: 5px 0;
    }
        table.quote_destinations td input.required-error {
            background-color: #FF8E96;
        }
    table.quote_destinations td:before {
        color: #054f95;
    }
.settings_table {
    text-align: center;
    margin: auto;
}
    .settings_table td {
        text-align: left;
        vertical-align: top;
    }  
        .settings_table td.checkbox {
            text-align: right;
            vertical-align: middle;
        }    
        .settings_table td label {
            padding-top: 8px !important;
            display: block
        }
            .settings_table td tr td:first-of-type {
                padding-top: 9px !important;
            }
    .settings_table tr td:first-of-type {
        white-space: nowrap;
    }
    .settings_table tr td input[type="checkbox"] {
        width: 18px;
        height: 18px;
    }
    .settings_table td #trackingmodesettings {
        display: block;
        list-style-type: none;
        position: relative;
        width: 98%;
        margin-top: 5px;
        box-sizing: border-box;
        padding: 3px 7px 12px 30px;
        border: 1px solid #fff;
    }
        .settings_table td #trackingmodesettings:before {
            display: block;
            content: "i";
            display: block;
            background: #fff;
            border: 1px solid #296db3;
            width: 18px;
            font-weight: 900;
            font-size: 11px;
            min-height: 18px;
            line-height: 18px;
            text-align: center;
            position: absolute;
            left: 9px;
            top: 18px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
        }
    .settings_table td #trackingmodesettings li {
        color: #668dad;
        font-size: 11px;
        vertical-align: top;
        display: block;
        padding: 10px 9px 3px !important;
        list-style-type: none;
        width: 98%;
        box-sizing: border-box;
    }
#trackingmodesettings tbody {
    display: block;
    margin-top: 7px;
    position: relative;
    border: 1px solid #296db3;
    padding: 10px 20px 15px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}
    #trackingmodesettings tbody:before {
        content: "";
        width: 12px;
        height: 12px;
        box-shadow: 1px 1px 0px 0px #296db3;
        position: absolute;
        transform: rotate(-135deg);
        background-color: #fff;
        top: -5px;
    }
    #trackingmodesettings span {
        display: block;
        padding: 3px 0;
        line-height: 1.5em;
    }
.format_label {
    font-family: "RobotoBold";
    color: #115fb2;
    display: inline-block;
    padding: 0 5px;
}
td.serviceName span.name:after {
    display: block;
    padding: 3px 0 !important;
    margin-left: 0 !important;
    color: red;
    background-color: transparent !important;
}
tr.heavyweightadvert td {
    padding: 0 !important;
}
tr.heavyweightadvert a {
    display: block;
    padding: 30px 20px;
    background-color: #1462a0;
    border: 1px solid #1462a0;
    margin: 3px 0;
    color: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    text-decoration: none;
    text-align: left;
    position: relative;
    background-image: url(../layout/ad_globe_tg_freight.png);
    background-repeat: no-repeat;
    background-position: left top;
}
    tr.heavyweightadvert a:hover {
        background-color: #105993;
    }
tr.heavyweightadvert span.text {
    font-family: "Roboto", Calibri, arial !important;
    font-family: "RobotoThin", Calibri, arial !important;
    font-weight: 400;
    font-size: 16px;
    display: block;
    padding: 0 100px 0 200px;
}
    tr.heavyweightadvert span.text strong {
        font-family: "RobotoThin", Calibri, arial !important;
        font-weight: 500;
    }
tr.heavyweightadvert span.button {
    display: inline-block;
    color: #296db3;
    background-color: #fff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
        padding: 7px 14px;
    font-size: 12px !important;
    font-family: "Lato", Calibri, arial !important;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 90px;
    box-sizing: border-box;
    text-align: center;
}
    #divHeavyWeightQuote {
        width: 95%; 
        max-width: 500px; 
        margin: auto;
        font-family: "Roboto", Arial;
        font-weight: 400;
        position: relative;
    }
	#divHeavyWeightQuote div.inputrow {
        width: 48%;
        box-sizing: border-box;
        float: left;
        padding: 0;
        margin: 0 1% 12px;
        height: 45px;
        text-align: left;
        position: relative; 
    }
        #divHeavyWeightQuote div.inputrow.fullwidth {
            width: 98%;
            float: none;
            height: auto !important;
            position: relative;
            clear: both;
        }
        #divHeavyWeightQuote div.inputrow label,
        #divHeavyWeightQuote div.inputrow input[type=text] {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        padding: 0;
        
        }
        #divHeavyWeightQuote div.inputrow label {
            z-index: 1;
            font-size: 9px; 
            color: #97a3b7;
            padding: 4px 0 0 5px; 
            box-sizing: border-box;  
            font-family: "Roboto", Arial;
            font-weight: 400;    
            letter-spacing: 1px;
        }
        #divHeavyWeightQuote div.inputrow textarea,
        #divHeavyWeightQuote div.inputrow input[type=text] {
            z-index: 0;
            border: 1px solid #e6ebf5;
            background-color: #eff3fa;
            padding: 20px 4px 4px 4px;
            bottom: 0;
            font-size: 12px; 
            color: #0c3988;
            width: 100%;
            box-sizing: border-box;
            outline: none;
            
            font-family: Verdana, Arial;
        }
            #divHeavyWeightQuote div.inputrow label,
            #divHeavyWeightQuote div.inputrow input#heavyWeightCollectionPostcode,
            #divHeavyWeightQuote div.inputrow input#heavyWeightDeliveryPostcode {
                text-transform: uppercase;
            }
	#divHeavyWeightQuote label {
        display: block;

	}
	#divHeavyWeightQuote textarea {
        width: 70%; 
        height: 80px; 
        vertical-align: middle;
	}
        #divHeavyWeightQuote div.Options {
            clear: both;
        }
        #divHeavyWeightQuote div.inputrow input[type="text"]:focus,
        #divHeavyWeightQuote div.inputrow input[type="text"]:active,
        #divHeavyWeightQuote div.inputrow textarea:active,
        #divHeavyWeightQuote div.inputrow textarea:focus {
            background-color: #fff;
            border: 1px solid #bbc8e2;
        }

.order_form {
    display: block;
    background-color: #fff;
    border: 1px solid #cedaf1;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    -khtml-border-radius: 26px;
    box-sizing: border-box;
    padding: 20px;
    margin: auto;
}
    .order_form .address_block {
        display: block;
    }
        .order_form .address_block .address_selector {
            display: block;
            text-align: center;
            padding: 15px;
            background-color: #d3dff5 !important;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            -khtml-border-radius: 8px;
            border: 1px solid #c6d2e8;
            margin: 0 0 15px 0;
            position: relative;
        }
        .order_form .address_block .selectAddressBook {
            display: block;
            text-align: right;
            padding: 15px;
            margin: 0;
            width: 100%;
            text-align: right;
            position: absolute !important;
            top: 0;
            left: 0;
        }
            .order_form .address_block .selectAddressBook a.button_blue {
                border: none;
            }


            .order_form .address_block .selectAddressBook h2,
            .order_form .address_block .selectAddressBook div.selector {
                float: none;
                width: 90% !important;
                text-align: right;
                margin-left: 5%;
            }
            .order_form .address_block .selectAddressBook select {
                padding: 12px 15px 12px 12px !important;
                box-sizing: border-box;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                -khtml-border-radius: 4px;
                background-color: #fff !important;
                border: 1px solid #c6d2e8 !important;
            }
        .order_form .address_block .address_details {
            margin-left: 50%;
            background-color: #fff;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            -khtml-border-radius: 8px;
            border: 1px solid #c6d2e8;
        }
        .order_form .address_block .address_data,
        .order_form .address_block .address_data .form_row {
            display: block;
            clear: both;
            box-sizing: border-box;
            position: relative;
        }
        .order_form .address_block .address_data {
            margin: 0 0 25px;
        }
            .order_form .address_block .address_data .form_row div {
                display: block;
                float: left;
                width: 50%;
                box-sizing: border-box;
                position: relative;
                padding: 0;
            }
                .order_form .address_block .address_data .form_row div:nth-of-type(2) {
                    
                }
                .order_form .address_block .address_data .form_row div input,
                .order_form .address_block .address_data .form_row div select {
                    display: block;
                    background-color: transparent;
                    border: 1px solid transparent;
                    padding: 5px;
                    box-sizing: border-box;
                    width: 100%;
                }
                    .order_form .address_block .address_data .form_row div input.width50 {
                        width: 50%;
                    }
                .order_form .address_block .address_data .form_row div select {
                    
                }
                .order_form .address_block .address_data .form_row div.address_column#CollectionAddress_AddressInfo {
                    float: right;
                }
                .order_form .address_block .address_data .form_row div.address_column input.width50 {
                    width: 100%;
                }
.orders_delete_option {
    float: right;
    padding: 10px 0 0 10px;
}
.input_button_container {
    display: inline-block;
    position: relative;
    padding-right: 90px;
    box-sizing: border-box;
    min-width: 150px;
    min-height: 50px;
    float: right;
    margin-left: 5px;
}
    .input_button_container,
    .input_button_container .filter_input_container {
        border: 1px solid #c6d2e8;
    }
        .input_button_container .filter_input_container {
            padding-right: 200px;
        }

        .input_button_container.noborder {
            border: none;
            padding-right: 0;
        }
    .order_form .toolbar .input_button_container {
        top: 6px;
    }
    .input_button_container input[type="text"] {
        border: none;
        width: 100%;
        max-width: 300px;
        padding: 20px 9px 9px;
    }
    .input_button_container input[type="date"] {
        border: none;
        width: 100%;
        max-width: 300px;
        padding: 20px 9px 9px;
    }
    .input_button_container .button_blue {
        position: absolute;
        right: 5px;
        top: 50%;
        white-space:nowrap;
        padding: 5px 16px 7px 16px !important;
        margin: 0 !important;
        min-width: 10px !important;
        transform: translateY(-50%);
        border: none;
        box-sizing: border-box;
    }
.orders_delete_option label,
.input_button_container label {
    font-size: 11px;
    color: #455470;
}
    .input_button_container label {
        position: absolute;
        left: 9px;
        top: 4px;

    }
table.process_orders {
    font-family: "Roboto";
    font-weight: 300;
    width: 100%;
    box-sizing: border-box;
    font-size: 11px;
}
    table.process_orders thead th {
        background-color: #296db3;
        color: #fff;
        font-weight: 300;
        padding: 10px;
        box-sizing: border-box;
    }
    table.process_orders tbody tr:nth-of-type(even) {
        background-color: #e2eaf9;
    }
    table.process_orders tbody tr tr {
        background-color: transparent !important;
    }
        table.process_orders tbody tr td.quantity span {
            display: block;
            text-align: center;
        }
    table.process_orders tbody tr td.select {
        text-align: center;
    }
        
    table.process_orders tbody input[type="text"],
    table.process_orders tbody select {
        border: 1px solid #c6d2e8;
        padding: 8px 5px;
        width: 100%;
        box-sizing: border-box;
    }
    table.process_orders table td {
        white-space: nowrap;
    }
    table.process_orders table.consignment_table td input[type="text"] {
        border-bottom: 1px solid #c6d2e8;
    }
        table.process_orders table td input[type="text"],
        table.process_orders tbody select {
            border-bottom: none;
        }
    table.process_orders .button-container .button_blue {
        float: right;
    }
table.process_orders td div.box {
    margin-right: 20px !important;
}
    table.process_orders .button-container a {
        color: #0185cd;
        display: inline-block;
        text-decoration: underline;
        padding: 10px 0 !important;
    }
    table.process_orders table tr:last-of-type td input[type="text"] {
        border-bottom: 1px solid #c6d2e8;
    }
    table.process_orders div.order_ref,
    table.process_orders table.consignment_table {
        width: 95%;
        margin: 0;
    }
        table.process_orders table.consignment_table th {
            background-color: transparent;
            color: #666;
            text-align: center;
            padding: 10px 5px 3px;
            box-sizing: border-box;
        }
            table.process_orders table.consignment_table th.quantity {
                width: 10%;
            }
            table.process_orders table.consignment_table th.commodity_code {
                width: 30%;
            }
            table.process_orders table.consignment_table th.description {
                width: 60%;
            }
    table.process_orders table.consignment_table td {
        width: 20%;
    }
        table.process_orders table.consignment_table td.delete_column {
            border-left: 1px solid #c6d2e8;
        }
    table.process_orders div.order_ref {
        max-width: 235px;
    }
        table.process_orders div.order_ref label {
            color: #004a8a;
            padding: 0 0 3px 0;
            display: block;
            
        }
        table.process_orders div.order_ref label span {
            float: right;
        }
        table.process_orders table.consignment_table td a.delete {
            display: block;
            background-image: url(../layout/cart/icon_delete_blue.png);
            background-repeat: no-repeat;
            background-position: center;
            padding: 5px;
            min-width: 25px;
            box-sizing: border-box;
            text-indent: -9999px;
        }
    table.process_orders td.address_details,
    table.process_orders td.consignment_details {
        padding: 15px 0;
    }
    table.process_orders td.order_ref {
        max-width: 100px;
        width: 15%;
        box-sizing: border-box;
    }
    table.process_orders td.quantity {
        max-width: 60px;
        width: 10%;
        box-sizing: border-box;
    }
    table.process_orders td.consignment_details {
        max-width: 300px;
        width: 40%;
        padding: 20px;
        box-sizing: border-box;
    }
    table.process_orders td.address_details {
        max-width: 300px;
        box-sizing: border-box;
    }
        table.process_orders td.address_details div {
            display: block;
            padding: 0;
        }
    table.process_orders table.consignment_table input,
    table.process_orders table.consignment_table label {
        display: block;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }
    table.process_orders table.consignment_table input {
        border-right: none;
        padding: 10px;
    }
    table.process_orders table.consignment_table td:last-of-type input {
        border-right: 1px solid #c6d2e8;
    }
    table.process_orders td.consignment_details a.link {
        float: right;
        display: inline-block;
        padding: 5px 0;
        text-decoration: underline;
    }
    table.process_orders .sub label,
    table.process_orders .consignment_table label {
        color: #004a8a;
        padding: 3px 8px;
        box-sizing: border-box;
    }
        .process_orders table.quote th {
            white-space: nowrap;
        }
        table.process_orders table.quote tr.selected td input {
            background-color: #fff;
            color: #42d15a;
        }
        table.process_orders table.quote tr.selected td a.link {
            color: #fff !important;
        }
        .saved_consignment_popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            -khtml-border-radius: 25px;
            border: 1px solid #c6d2e8;
            background-color: #d3dff5;
            padding: 25px 50px;
            transform: translate(-50%, -50%);
            width: 90%;
            max-width: 400px;
            text-align: center;
            margin: auto !important;
            box-sizing: border-box;
        }
            .saved_consignment_popup p {
                text-align: center;
            }
            .saved_consignment_popup a {
                color: rgb(1, 133, 205);
            }
            .saved_consignment_popup.active {
                display: block;
                z-index: 6000;
            }
    .saved_consignment_popup select {
        display: block;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #c6d2e8;
    }
.container_quote_settings {
    display: block !important;
    position: fixed !important;
    width: 90% !important;
    max-width: 600px !important;
    height: 100%;
    top: 0;
    right: -100%;
    bottom: 0;
    z-index: 3001;
    margin: auto;
    overflow-y: scroll;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    border: none !important;
    border-left: 5px solid #cedaf1 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    box-sizing: border-box;
}
    .container_quote_settings.active {
        right: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .container_quote_settings .service_options li {
        text-align: left;  
    }
.button_blue.settings {
    background-image: url(../layout/cart/icon_cog.png);
    background-position: right center;
    padding: 8px 30px 8px 20px !important;
}
.button_blue.refresh,
.button_blue.sync {
    background-image: url(../layout/icon_refresh.png);
    background-position: 96% center;
    padding: 8px 35px 8px 20px !important;
}

.process_orders th.consignmentdetails,
.process_orders th.deliverto,
.process_orders th.process {
    text-align: center;
}
.process_orders th.consignmentdetails,
.process_orders th.deliverto,
.process_orders td.address_details,
.process_orders td.consignment_details {
    width: 30%;
}
.process_orders table.quote {
    width: 100%;
}
    .process_orders table.quote td {
        padding: 3px 6px;
        color: #1b4b7d;
    }
.process_orders table.quote tr:nth-of-type(even) td {
    background-color: #d3dff5;
}
.process_orders table.quote tr:nth-of-type(odd) td {
    background-color: #fff;
}
.process_orders table.quote tr:first-of-type td {
    background-color: #42d15a !important;
}
    .process_orders table.quote td input {
        background-color: #386eb1;
        color: #fff;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -khtml-border-radius: 20px;
        outline: none;
        border: none;
        padding: 4px 12px;
        font-size: 10px;
    }
table.process_orders table.quote .selection_row {
    display: none;
}

table.process_orders table.quote tr.selected td {
    background-color: #42d15a !important;
    color: #fff;
}
span.ServiceQuoteResults {
    display: block;
    clear: both;
}
div.quote_controls {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    right: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: #296db3;
    transform: translateY(100%);
    background-color: #296db3;
}
    div.quote_controls ul {
        display: block;
        width: 100%;
        box-sizing: border-box;
        max-width: 1000px;
        margin:auto;
        text-align: center !important;
    }
        div.quote_controls ul li {
            width: 30%;
            display: inline-block;
            text-align: center !important;
            padding: 20px 1% 50px;
        }
        div.quote_controls ul a,
        div.quote_controls ul button {
            display: inline-block;
            color: #296db3 !important;
            position: relative;
            background-color: #fff;
            font-size: 15px !important;
            text-align: center;
            padding: 10px 20px 10px !important;
            background-position: center 30px;
            background-repeat: no-repeat;
            font-family: "Roboto" !important;
            text-decoration: none !important;
            -moz-border-radius: 25px !important;
            -webkit-border-radius: 25px !important;
            border-radius: 25px !important;
            -khtml-border-radius: 25px !important;
            cursor: pointer;
            margin: auto;
            box-sizing: border-box;
        }
            div.quote_controls ul a:after,
            div.quote_controls ul button:after {
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                left: 0;
                bottom: 50%;
                -moz-border-radius: 25px !important;
                -webkit-border-radius: 25px !important;
                border-radius: 25px !important;
                -khtml-border-radius: 25px !important;
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
            }
            div.quote_controls ul li.pagination {
                display: block;
                width: 100%;
                padding: 35px 1% 0;
            }
            div.quote_controls ul a.pagesTabs {
                -moz-border-radius: 0 !important;
                -webkit-border-radius: 0 !important;
                border-radius: 0 !important;
                -khtml-border-radius: 0 !important;
                color: #02548F !important;
                border: 2px solid #02548F !important;
                background-color: white !important;
                padding: 5px  12px!important;
            }
                div.quote_controls ul a.pagesTabs.activePage {
                    background-color: rgb(41, 109, 179) !important;
                    border-color: #fff !important;
                    color: #fff !important;
                }
            div.quote_controls ul a:hover:after,
            div.quote_controls ul button:hover:after {
                display: block;
                position: absolute;
                background: rgba(255,255,255, 0.5);
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                opacity: 1;
                filter: alpha(opacity=100);
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
            }
        div.quote_controls ul a:hover,
        div.quote_controls ul button:hover {
            border-color: #fff;
        }
        div.quote_controls ul button {
        
        }
        div.quote_controls ul li.quote button {
            background-image: url(../layout/icon_quote_calculate-blue.png);
            background-position: left center;
            padding-left: 40px !important;
        }
        div.quote_controls ul li.book button {
            background-image: url(../layout/icon_quote_basket-blue.png);
            background-position: right center;
            padding-right: 40px !important;
            font-family: "Roboto";
            color: #0e4882;
            font-size: 13px !important;
        }

    div.quote_controls.fixed {
        transform: none;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
.imported_orders div.quote_controls {
    background-color: #0e4882;
    padding-top: 15px;
    border-top: 2px solid #fff;
}
    .imported_orders div.quote_controls ul li {
        padding-bottom: 40px !important;
    }

.alert_message {
    display: block;
    box-sizing: border-box;
    color: red;
    text-align: center;
    font-family: "Roboto";
    padding: 0 0 20px 0;
    font-weight: 800;
}
.find_commodity_code {
    display: block;
    position: relative;
    padding: 0;
}
    .find_commodity_code span {
        z-index: 5;
        right: 0;
        top: -2px;
        transform: translateX(100%);
        position: absolute;
        display: none;
        text-align: center;
        background-color: #fff;
        border: 1px solid #c6d2e8;
        width: 100%;
        max-width: 90px;
        padding: 6px !important;
        box-sizing: border-box;
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        -khtml-border-radius: 10px !important;
    }
        .find_commodity_code span:before {
            content: "";
            display: block;
            width: 7px;
            height: 7px;
            position: absolute;
            top: 50%;
            left: 0;
            box-sizing: border-box;
            transform: rotate(45deg) translate(-50%);
            background-color: #fff;
            box-shadow: -1px 1px 0px #c6d2e8;
        }
        .find_commodity_code:hover span {
            display: block;
        }
        .find_commodity_code span a {
            text-decoration: none;
            display: block;
            padding: 5px 16px;
            box-sizing: border-box;
            color: #fff !important;
            background-color: #386eb1;
            border: 2px solid #386eb1;
            -moz-border-radius: 8px !important;
            -webkit-border-radius: 8px !important;
            border-radius: 8px !important;
            -khtml-border-radius: 8px !important;
        }

.information_hub {
    display: block;
    font-family: "Roboto";
    background-color: #fff;
}
    .information_hub .services_menu {
        display: block;
        padding: 8px 0 0;
        top: 0 !important;
        transform: none !important;
        border-top: 1px solid #fff;
       height: 48px;
    }
        .information_hub .services_menu.fixed {
            position: fixed;
            top: 0;
            left: 0;
            transform: none !important;
            right: 0;
            border-top: 1px solid #01619e;
            z-index: 25;
        }
        .information_hub .services_menu li a {
            border-top: 4px solid #05a4fb;
            margin-right: 0 1px;
        }
            .information_hub .services_menu li a:hover {
                background-color: #edf2fc;
                border-color: #cbd7ed;
                border-top: 4px solid #fed700;
            }
        .information_hub .services_menu,
        .information_hub #sectionList {
            background-color: #01619e;
        }
        
        .information_hub .services_menu ul,
        .information_hub .services_menu ol {
            max-width: 1150px;
            text-align: center;
        }
        .information_hub #sectionList {
            position: absolute;
            right: 0;
            padding: 48px 0 0;
            display: block;
            list-style-type: none;
            position: absolute;
            top: 1px;
            bottom: 0;
        }
            .information_hub #sectionList.fixed {
                position: fixed;
                top: 0;
            }
        .information_hub #sectionList li {
            list-style-type: none;
            text-align: left;
            display: none;
        }
            .information_hub #sectionList li a {
                font-family: "Roboto" !important;
                font-weight: 500 !important;
                display: block;
                color: #fff;
                padding: 8px 22px 8px 22px;
                position: relative;
                text-decoration: none;
                z-index: 1;
            }
                .information_hub #sectionList li a:before {
                    display: block;
                    width: 24px;
                    height: 24px;
                    background: #fff;
                    content: "";
                    top: 5px;
                    left: -10px;
                    position: absolute;
                    transform: rotate(45deg);
                    display: none;
                    box-shadow: -2px 2px 0 1px #01619e;
                    z-index: 0;
                }
            .information_hub #sectionList li a.active {
                background-color: #fff;
                color: #004a8a;
            }
                .information_hub #sectionList li a.active:before {
                    display: block;
                }
        .information_hub .ContentPage_Content {
            padding-top: 0 !important;
        }

body.services .information_hub #sectionList li.all,
body.services.ups .information_hub #sectionList li.ups {
    display: block;
}
div.sortableContent {
    display: block;
    /*background-color: #fff;
    border: 1px solid #cedaf1;*/
    padding: 30px;
    box-sizing: border-box;
}

.sortable,
.sortable li {
    list-style-type: none;
    font-family: Roboto, Arial;
    position: relative;
    margin-bottom: 6px;
}
.sortable {
    margin-top: 10px;
}
    .sortable li {
        padding: 0;
        cursor: move;
        height: 45px;
        }
    .predefined li {
        background: #fff !important;
        cursor: default;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-left-width: 5px;
        
    }
        .predefined li.compulsory {
            border-left-color: #f9c100;
           
        }
.sortable li div.placeholder {
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: block;
    width: auto;
    margin: 0;
    width: 100%;
    padding: 8px 22px;
}
        #sortable li:before {
            display: block;
            width: 30px;
            height: 30px;
            border: 1px solid #d4e5f4 ;
            background: url(../layout/icon_link_green.png) no-repeat center #fff;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
            content: "";
            position: absolute;
            left: -17px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
        }
        .predefined li div.placeholder { text-align: right; }
.ui-sortable li {
    
    background-repeat: no-repeat;
    background-position: right center;
}
    .ui-sortable li:hover,
    .ui-sortable li:focus {
        /*background-color: #e8f4ff;
        border-color: green;*/
        background-image: url(../layout/icon_sort_updown.png);
    }

    .ui-sortable li:active {
        background-color: #fff;
        border-color: #b4cad9;
        color: #899fae !important;
    }
#sortable li:active:before {
    background: url(../layout/icon_link_greyblue.png) no-repeat center #fff;
    border-color: #b4cad9;
}

span.ColumnTitle {
    display: block;
    float: left;
    
}
    span.ColumnTitle strong {
        font-weight: 400;
        font-size: 13px;
    }
    span.ColumnTitle:before {
    
    }
span.SampleData {
    font-size: 11px;
    color: #899fae;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
    span.SampleData b {
        font-style: normal;
        color: #899fae !important;
        
    }

div.blockUI #divHeavyWeightQuote h2,
div.blockUI #divHeavyWeightQuote p {
    font-family: "Roboto" !important;
    color: #043a73 !important;

}
div.blockUI #divHeavyWeightQuote h2 {
    padding: 10px 75px 0  !Important;
    background-image: url(../layout/logo-tg-euro-freight-small.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.ups_access_point_container {
    background-color: #f6f9fc;
    border-bottom: 7px solid #d8e3ee;
    text-align: center;
    vertical-align: top;
    top: -1px;
    position: relative;
}
    .ups_access_point_container #UPSAccessPointOptions {
        display: inline-block;
        vertical-align: top;
        width: 98%;
        margin: 30px 1%;
    }
        .ups_access_point_container #UPSAccessPointOptions .access-point-postcode-selection{
            max-width: 380px;
        }
        #UPSAccessPointOptions {
            display: block;
            text-align: center;
            width: 100%;
            margin: 0 auto 25px;
            padding: 0;
            border-bottom: 1px solid #e2eaf9;
            position: relative;
            top: -1px;
            max-width: 450px;
        }

    #UPSAccessPointOptions,
    #UPSAccessPointOptions span.option-divide span {
        background-color: #fff;
    }

        #UPSAccessPointOptions .inner {
            max-width: 1000px;
            width: 100% !important;
        }

        #UPSAccessPointOptions a.selected,
        #UPSAccessPointOptions a.quick_select {
            -moz-border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
            border-radius: 0 !important;
            -khtml-border-radius: 0 !important;
            border-width: 0 0 1px 0 !important;
            border-bottom-style: dashed;
            background-color: transparent !important;
            color: #004a8a;
            position: relative;
            background-image: none !important;
        }

        #UPSAccessPointOptions .access_point_selector {
            margin-bottom: 50px;
            padding: 20px 20px 0;;
        }

#CollectionAccessPoint,
#DeliveryAccessPoint {
    width: 100%;
    max-width: 600px;
    margin: auto;
    float: left;
    box-sizing: border-box;
    display: block;

}

    #CollectionAccessPoint h3,
    #DeliveryAccessPoint h3 {
        text-align: left;
        background-color: #386eb1;
        color: #fff !important;
        padding: 30px 20px 20px !important;
        background-image: url(../layout/logo_small_white_ups.png);
        background-repeat: no-repeat;
        background-position: right center;
    }
    #CollectionAccessPoint h3,
    #DeliveryAccessPoint h3,
    #UPSAccessPointOptions .access-point-postcode-selection .button_blue.small, 
    #UPSAccessPointOptions .access-point-postcode-selection .button_blue.xsmall {
        background-color: #354f66;
        border: none;
    }
    #CollectionAccessPoint.selected h3,
    #DeliveryAccessPoint.selected h3 {
        background-color: #09a80e !important;
    }
    #UPSAccessPointOptions {
        border: 1px solid #bac9e5;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        -khtml-border-radius: 9px;
        overflow: hidden;
    }
#UPSAccessPointOptions div.accesspoint-options {
    margin: 20px 0;
    position: relative;
}

    #UPSAccessPointOptions div.accesspoint-options a.quick_select,
    #UPSAccessPointOptions div.accesspoint-options a.quick_select.active {
        background-color: transparent !important;
        border-width: 0 0 1px 0 !important;
        border-bottom-style: dashed;
        background-color: transparent !important;
        background: none;
        background-image: none !important;
        position: relative;
        color: #004a8a;
        margin: 15px 0;
    }

/*#UPSAccessPointOptions a.selected span:before,
#UPSAccessPointOptions .accesspoint_quickselect .quick_select span:before {
    content: "Most recent";
    background-color: #6d84ae;
    display: inline-block;
    color: #fff;
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    top: 3px;
    right: 0;
    transform: translateY(-100%);
    padding: 3px 5px;
    margin-right: 10px;
}*/

#UPSAccessPointOptions div.accesspoint-options .form_options input {
    position: relative;
}

#UPSAccessPointOptions div.access-point-options .form_options input {
    z-index: 1 !important;
}

#UPSAccessPointOptions .accesspoint_quickselect_header {
    background-image: none;
}

    #UPSAccessPointOptions .access-point-postcode-selection {
        border: 1px solid #bac9e5;
        margin: 0 auto 20px;
        position: relative;
        max-width: 450px;
        -moz-border-radius: 29px;
        -webkit-border-radius: 29px;
        border-radius: 29px;
        -khtml-border-radius: 29px;
        overflow: hidden;
    }

    #UPSAccessPointOptions .access-point-postcode-selection input {
        background-color: #fff !important;
        width: 60%;
        border-width: 0 0 0 1px;
        display: block;
        box-sizing: border-box;
        z-index: 1;
        margin: 0;
        padding: 18px !important;
        position: relative;
        transform: none;
        left: 40%;
    }

    #UPSAccessPointOptions .access-point-postcode-selection label {
        position: absolute;
        left: 0;
        top: 50%;
        color: #004a8a;
        padding: 0 0 0 30px;
        font-family: Roboto;
        transform: translateY(-50%);
    }
        #UPSAccessPointOptions .access-point-postcode-selection label:before,
        #UPSAccessPointOptions .access-point-postcode-selection label:after {
            display: none;
        }

        #UPSAccessPointOptions .access-point-postcode-selection .button_blue.small,
        #UPSAccessPointOptions .access-point-postcode-selection .button_blue.xsmall {
            position: absolute;
            right: 10px;
            top: 50%;
            z-index: 1;
            margin: 0 !important;
            transform: translateY(-50%);
        }

#RegistrationForm {
    width: 90%;
    margin: auto;
    float: none;
    max-width: 500px;
    padding: 0 0 75px !important;
}

#DeliveryAddress,
#ImporterAddress,
#ExporterAddress,
#CollectionAddress,
#ClaimsApplicationForm {
    padding: 0 50px !important;
    box-sizing: border-box;
    vertical-align: top;
    max-width: 600px;
    margin: auto;
}
    #ClaimsApplicationForm 
    {
        max-width: 650px;
        padding-bottom: 80px !important;

    }
tr.TblDataCountryRow .FormTableError {
    display: none;
}

.address_header_container {
    position: relative;
}
.address_header {
    text-align: right;
    position: absolute;
    left: 0;
    right: 0;
}
    .address_header a {
        top: 9px;
        position: relative;
    }
.address_snippet_panel {

    display: block;
    vertical-align: top;
    padding: 20px 0 20px;
}
.address_snippet_container {
    display: inline-block;
    width: 24%;
    margin: 0;
    vertical-align: top;
    position: relative;
    box-sizing: border-box;
}
    .address_snippet_container a.button_white.xsmall {
        position: absolute;
        top: 10px;
        right: 5px;
        min-width:70px;
    }
    .address_snippet_container h5 {
        display: block;
        font-size: 14px;
        padding: 20px 20px 15px !important;
        text-align: left;
        background-color: #296db3;
        color: #fff !important;
        font-family: "Roboto" !important;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        border-top-right-radius: 8px;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        border-top-left-radius: 8px;
    }
    .address_snippet_container .address_snippet_content {
        display: block;
        text-align: left;
        font-family: "Roboto";
        border: 1px solid #296db3;
        padding: 20px 20px;
        min-height: 120px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-bottom-left-radius: 8px;
    }
.address_snippet_content div {
    padding: 3px 0;
    color: #004a8a;
}
.form_options {
    max-width: 500px;
    margin: auto;
}
    .form_table.packinglist .form_options {
        max-width: 600px;
    }
    #ClaimsApplicationForm .form_options {
        max-width: 520px;
    }
    .form_options p,
    .address_form p {
        width: 100% !important;
        color: #004a8a !important;
    }

    .form_options ul,
    .form_options li {
        list-style-type: none;
        font-family: "Roboto";
        color: #004a8a;
    }
        .form_options li div.small_checkbox {
            text-align: right;
        }
        .form_options ul {
            padding: 0 0;
        }
        .form_options li.statement_of-origin {
            background-image: url(https://www.transglobalexpress.com/assets-uk/layout/icon_setting_option.png);
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 40px;
        }
        #CountryOfOrigin_Option {
            margin-top: 50px;
        }
            .form_options.data_row.declaration #CountryOfOrigin_Option {
                margin-top: 0 !important;
            }
.form_options li,
.form_options li#IsSenderBusinessAddress {
    padding: 16px 0;
    text-align: left;
    position: relative;
    white-space: nowrap;
    border-bottom: 1px dashed #bac9e5;
}
        .form_options li#RegIsVatRegistered,
        .form_options li#DeliverySecondarySignatureRow,
        .form_options li#DeliverySignatureRow /*,
        .form_options li.DeliverySendTrackingEmail*/ {
            border-top: 1px dashed #bac9e5;
        }
        .form_options li:first-of-type {
        }

        .form_options li:last-of-type {
            border-bottom: none;
        }

        .form_options li label {
            position: relative;
            display: inline-block !important;
            font-size: 12px !important;
        }
        .form_options li span.option {
            position: relative;
            display: inline-block !important;
        }
        .form_options li div {
            display: inline;
        }
table#quotationTbl tr.altrow.rebookService, table#quotationTbl .rebookService {
    background-color: #DBFCFF !important;
}

.rebook-service-information {
    display: inline-block;
    padding: 8px 12px;
    font-family: "Roboto";
    background-color: #33ccd6;
    color: #fff;
    font-size: 11px;
    text-shadow: 2px 1px #24b8c1;
    float: left;
    margin-left: 80px;
}
.compact_form h3.heading.small {
    padding-top: 0 !important;
}
.compact_form .field-validation-error, .compact_form .field-validation-advisory {
    display: block;
    position: unset;
    transform: unset;
    margin-left: 40% !important;
    background-image: none;
    width: unset;
    height: unset;
    text-indent: 0;
    font-size: 11px;
    /*overflow: hidden;*/
    background-color: #fff;
    text-shadow: #781c00;
}

    .compact_form .field-validation-error > span, .compact_form .field-validation-advisory > span {
        padding: 7px 32px 7px 13px;
        display: block;
        background-color: #cc3000;
        border: 1px solid #cc3000;
        /*border-left: 1px solid #bac9e5;*/
        color: #fff;
        position: relative;
        box-sizing: border-box;
        /*text-shadow: 1px 1px #a12600;*/
    }

        .compact_form .field-validation-error > span:after, .compact_form .field-validation-advisory > span:after {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            box-shadow: -1px -1px 0 0 #cc3000;
            background-color: #cc3000;
            transform: rotate( 45deg);
            position: absolute;
            top: -4px;
            left: 18px;
        }
        .compact_form .field-validation-error > span:before, .compact_form .field-validation-advisory > span:before {
            content: "!";
            display: inline-block;
            background-color: #fff;
            color: #cc3000;
            border: 1px solid #fff;
            -moz-border-radius: 16px !important;
            -webkit-border-radius: 16px !important;
            border-radius: 16px !important;
            -khtml-border-radius: 16px !important;
            padding: 1px 6px 1px 7px;
            position: absolute;
            transform: translateY(-50%);
            right: 5px;
            top: 50%;
            text-shadow: none;
            font-weight: 900;
        }
            
        .compact_form .FormTableError span.validation_checkbox {
            position: relative;
            display: block;
            text-align: left;
            vertical-align: middle;
        }
            .compact_form .FormTableError span.validation_checkbox label {
                padding: 6px 12px 2px 26px !important;
                position: relative;
                color: #fff;
                display: block !important;
                text-align: left;
                background-color: transparent;
                font-family: "RobotoBold";
                text-transform: none;
                color: #fff;
                border-top: 1px dotted #fff;
            }
                .compact_form .FormTableError span.validation_checkbox label:before {
                    content: "";
                    display: block;
                    width: 15px;
                    height: 14px;
                    background-color: #fff;
                    
                }
                .compact_form .FormTableError span.validation_checkbox label:after {
                    display: none;
                    content: "";
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 90%;
                    width: 4px;
                    height: 9px;
                    position: absolute;
                    left: 9px;
                    top: 50%;
                    z-index: 3;
                    transform: translateY(-50%) rotate(40deg);
                    border-right: 3px solid #09a80e;
                    border-bottom: 3px solid #09a80e;
                }
                    .compact_form .FormTableError .validation_checkbox input:checked + label:after,
                    .compact_form .FormTableError .validation_checkbox input:checked ~ label:after {
                        display: block;
                    }
                    .compact_form .FormTableError .validation_checkbox input:checked + label,
                    .compact_form .FormTableError .validation_checkbox input:checked ~ label {

                    }

            .compact_form .FormTableError:hover .eori_number_acknowledgement_toggle,
            .compact_form .FormTableError:hover .field-validation-error-message,
            .compact_form .FormTableError .validation_checkbox input {
                z-index: 21;
            }
        .compact_form .FormTableError .validation_checkbox input,
        .compact_form .FormTableError span.validation_checkbox label:before {
            margin: 0 !important;
            display: inline-block;
            left: 5px;
            top: 51%;
            transform: translateY(-50%);
            position: absolute;
            z-index: 2;
        }
        .compact_form .FormTableError .validation_checkbox input {
            top: 55%;
            width: 9px;
            height: 9px

        }

.compact_form .field-validation-advisory {
    text-shadow: #781c00;
}

    .compact_form .field-validation-advisory > span {
        padding: 7px 13px 7px 13px;
        display: block;
        background-color: #e19a00; /*#d95200*/
        border: 1px solid #e19a00;
        color: #fff;
        position: relative;
        box-sizing: border-box;
    }

        .compact_form .field-validation-advisory > span:after {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            box-shadow: -1px -1px 0 0 #cc3000;
            background-color: #e19a00;
            transform: rotate( 45deg);
            position: absolute;
            top: -4px;
            left: 18px;
        }

        .compact_form .field-validation-advisory > span:before {
            display:none;
        }
.eori_number_acknowledgement_container {
    display: block;
    position: unset;
    transform: unset;
    margin-left: 40% !important;
    background-image: none;
    width: unset;
    height: unset;
    text-indent: 0;
    font-size: 11px;
}

.eori_number_acknowledgement_toggle {
    text-align: center;
    padding: 2px 7px 7px;
    display: block;
    background-color: #cc3000;
    border: 1px solid #cc3000;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    text-align: left;
}
    .form_options .radio_option label,
    .form_options .checkbox_option label,
    .compact_form .form_options .radio_option label,
    .compact_form .form_options .checkbox_option label {
        padding: 0 20px 0 40px !important;
    }
    .compact_form .form_options .checkbox_option input[type="checkbox"] {
        position: absolute;
        left: 5px;

    }
    .form_options .radio_option.list label {
        display: block !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .form_options li.radio_option span.label {
        display: inline-block;
        width: 53%;
        white-space: initial;
    }
        #ClaimsApplicationForm .form_options#ClaimType {
            /*border-bottom: 1px dashed #bac9e5;
            margin-bottom: 40px;
            margin-top: 20px;*/
            margin-bottom: 20px;
        }
        #ClaimsApplicationForm .form_options#ClaimType li.radio_option span.label,
        #ClaimsApplicationForm .form_options#ServiceType li.radio_option span.label {
            width: 36%;
        }


        .form_options li.radio_option span.label b {
            color: #004a8a !important;
            display: block;
            padding-bottom: 10px;
        }

    .form_options input[type="radio"] {
        top: 50%;
        z-index: -1;
        left: 7px;
        position: absolute;
        transform: translateY(-50%);
    }

        .form_options label:before,
        .form_options label:after,
        div.accesspoint-options a.quick_select:before,
        div.accesspoint-options a.quick_select:after,
        div.accesspoint-options a.selected:before,
        div.accesspoint-options a.selected:after {
            display: inline-block;
            content: "";
            position: absolute;
            -moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            border-radius: 50% !important;
            -khtml-border-radius: 50% !important;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            -o-appearance: none;
            appearance: none;
            z-index: 1;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transition: all .15s ease;
            -moz-transition: all .15s ease;
            -o-transition: all .15s ease;
            -ms-transition: all .15s ease;
            transition: all .15s ease;
        }

        .form_options label:before,
        div.accesspoint-options a.selected:before,
        div.accesspoint-options a.quick_select:before {
            background-color: #fff;
            border: 1px solid #becce5;
            left: 0;
            width: 22px;
            height: 22px;
        }
            .form_options.declaration.DangerousGoodsDec label:after,
            .form_options.declaration.DangerousGoodsDec label:before {
                display: none;
            }
        .form_options label:after,
        div.accesspoint-options a.selected:after,
        div.accesspoint-options a.quick_select:after {
            left: 6px;
            width: 12px;
            height: 12px;
            background-color: #fff;
        }

        .form_options input:checked + label:after,
        .form_options input:checked ~ label:after,
        div.accesspoint-options a.selected.active:after,
        div.accesspoint-options a.quick_select.active:after {
            background-color: #09a80e;
        }
            .form_options input[disabled]:checked + label:after,
            .form_options input[disabled]:checked ~ label:after {
                background-color: #cececf;
            }
            .form_options input[disabled] + label:before,
            .form_options input[disabled] ~ label:before {
                border-color: #cececf;
            }
/*a.resend {
    background-image: url(../layout/refresh_small.png);
    background-repeat: no-repeat;
    background-position: left center;
}*/
.BoxContentsSummary {
    display: block;
    padding: 30px;
    box-sizing: border-box;
    border: 3px solid #296db3;
    text-align: left;
    position: relative;
}
    .BoxContentsSummary:before {
        display: block;
        width: 20px;
        height: 20px;
        background-color: #f6f9fc;
        transform: rotate(45deg) translate(-50%);
        content: "";
        position: absolute;
        top: -3px;
        right: 183px;
        box-shadow: -2px -2px 0 0px #296db3;
    }
    .BoxContentsSummary h2,
    .BoxContentsSummary h3 {
        display: inline-block;
        text-align: left !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-right: 10px;
        font-size: 18px;
        font-family: "Roboto" !important;
    }
    .BoxContentsSummary h2 {
        font-size: 20px;
        display: block;
        padding: 0 0 20px !important;
    }
    .BoxContentsSummary .box_dimensions {
        text-align: right;
        font-size: 11px;
        display: inline-block;
    }
    .BoxContentsSummary table {
        margin-bottom: 40px;
    }
    .BoxContentsSummary td {
        font-size: 12px;
    }
.BoxContentsSummary .box_dimensions span {
    margin-right: 9px;
}
a.expandTable {
    background-size: 25px;
    background-image: url('https://www.transglobalexpress.com/assets-uk/layout/icon_expand.png');
    background-size: 13px;
    vertical-align: inherit;
    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;
    transition: all 325ms ease 0s;
}
    a.expandTable.active {
        background-image: url(https://www.transglobalexpress.com/assets-uk/layout/icon_contract.png);
        transform: rotate(-180deg);
    }
#div_DeliveryAddress_signature {
    display: block;
}
#purchaseOrderRef {
    margin: 0 !important;
    padding: 20px 0 !important;
    clear: both;
}
#purchaseOrderRef table {

}
#purchaseOrderRef table label {
    color: #004a8a;

}
.scrollbar {

}
.scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 12px;
    margin-right: 5px;
}
    .scrollbar::-webkit-scrollbar-thumb {
        background-color: #879cb1;
        outline: 1px solid #879cb1;
        border-radius: 25px;
    }

    .scrollbar::-webkit-scrollbar-track {
        box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
        margin-right: 5px;
    }
@-moz-document url-prefix() {
    .scrollbar {
        scrollbar-width: thin;
        scrollbar-color: #879cb1;
    }
}
.inline-address-results {
}
    .inline-address-results .address-search-result {
        text-align: left;
        padding: 12px 75px 12px 15px !important;
        border-bottom: 1px dashed #bac9e5;
        position: relative;
    }
    .inline-address-results .address-results-list.no-results li.noresult {
        background-color: #334f68;
        color: #fff;
    }
    .inline-address-results .address-results-list.no-results li.resulterror {
        background-color: #bf1122;
        color: #fff;
    }
        .inline-address-results .address-results-list.no-results li,
        .inline-address-results .address-search-result.refine,
        .inline-address-results .address-search-result.spinner {
            padding-right: 15px !important;
            text-align: center;
            border-bottom: none;
        }
    .inline-address-results .address-search-result:after {
        content: "Select";
        font-size: 10px;
        display: inline-block;
        background-color: #879cb1;
        color: #fff;
        padding: 6px 14px;
        -moz-border-radius: 26px;
        -webkit-border-radius: 26px;
        border-radius: 26px;
        -khtml-border-radius: 26px;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
    }
        .inline-address-results .address-search-result.refine:after,
        .inline-address-results .address-search-result.spinner:after,
        .inline-address-results .address-results-list.no-results li:after {
            display: none;
        }
        .inline-address-results .address-search-result:hover:after {
            background-color: #42d15a;
        }
    .compact_form .address_form_container {
        padding-top: 10px;
    }
.compact_form .new_address_lookup {
    display: block;
    background-color: #fff;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    -khtml-border-radius: 26px;
    width: 95% !important;
    margin: auto !important;
    border: 1px solid #bac9e5;
    position: relative;
    margin-bottom: 12px !important;
}
    .compact_form .form.section.new_address_lookup .street_address {
        width: 100%;
        -moz-border-radius: 26px;
        -webkit-border-radius: 26px;
        border-radius: 26px;
        -khtml-border-radius: 26px;
        overflow: hidden;
    }
        .compact_form .form.section.new_address_lookup .street_address input {
            background-image: url('../layout/icon_search_location.png');
            background-size: 21px auto;
            background-repeat: no-repeat;
            background-position: 10px center;
            padding-left: 35px !important;
        }
        .compact_form .form.section.new_address_lookup .street_address:after {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            background-image: url('../layout/icon_search_magnify.png');
            background-size: 20px auto;
            background-repeat: no-repeat;
            position: absolute;
            top: 50%;
            right: 5px;
            width: 22px;
            transform: translateY(-50%);
        }
            .compact_form .new_address_lookup .postcode_address {
                display: none;
            }
    .compact_form .form.section.new_address_lookup input {
        padding: 10px !important;
        border: none !important;
    }
    .compact_form,
    .compact_form table,
    .compact_form tbody,
    .compact_form tr,
    .compact_form td {
        display: block;
        font-family: "Roboto";
        max-width: 650px;
        margin: auto;
        padding: 0 !important;
    }
    .address_container p {
        color: #004a8a !important;
        width: 100% !important;
    }
    .compact_form table {
        top: -3px;
        position: relative;
    }

    .compact_form td.FormTableLabel {
        width: 100% !important;
        text-align: left !important;
    }

    .compact_form tr {
        background-color: #fff;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #bac9e5;
        text-align: left;
        clear: both;
        position: relative;
        box-sizing: border-box;
    }

        .compact_form tr:last-of-type /*,
        .compact_form tr.td_email,
        .compact_form tr.td_telephone*/ {
            border-bottom-width: 1px;
        }
        /*.compact_form tr.td_forename,
        .compact_form tr.td_surname,
        .compact_form tr.td_email,
        .compact_form tr.td_telephone {
            float: left;
            width: 50%;
            clear: none;
        }
            .compact_form tr.td_surname,
            .compact_for.compact_form.rows tr:first-of-type input tr.td_telephone {
                border-left-width: 0;
            }*/
        .compact_form tr input[type="text"],
        .compact_form tr input[type="email"],
        .compact_form tr input[type="password"],
        .compact_form tr input[type="number"],
        .compact_form tr select,
        .compact_form tr .destinationCountry div {
            border: none !important;
            width: 100%;
            box-sizing: border-box;
            margin: 0 0 0;
            padding: 4px 10px 8px !important;
        }

        .compact_form tr .destinationCountry div {
            color: #000;
        }

    .compact_form .address_lookup.newAddress {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -khtml-border-radius: 0;
        position: relative;
        border-top: none;
        padding-bottom: 20px;
        margin: 0 !important;
        border-bottom: 0;
    }
        .compact_form .address_lookup.newAddress label {
            display: block;
            color: #004a8a;
            font-size: 12px !important;
            padding: 0 0 5px !important;
        }
    .compact_form label {
        font-weight: 500 !important;
        padding: 8px 10px 0 !important;
        margin: 0 0 0;
        display: block !important;
        font-family: "Roboto";
        font-size: 11px !important;
    }

    /*.compact_form .field-validation-error {
        display: block;
        position: absolute;
        top: 50%;
        right: 5px;
        width: 20px;
        height: 20px;
        text-indent: -999px;
        font-size: 25px;
        overflow: hidden;
        transform: translateY(-50%);
        background-image: url(../layout/icon_important.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 85%;
    }*/

.compact .compact_form .field-validation-error {
    right: 5px;
}
.compact_form tr span.note,
.compact_form div.form.section span.note,
.form_options li.help span.note {
    position: absolute;
    z-index: 1;
    color: #386eb1;
    padding: 8px 14px;
    background-color: #fff;
    border: 1px solid #386eb1;
    left: 6px;
    font-style: normal;
    box-sizing: border-box;
    display: none !important;
    max-width: 300px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    z-index: 20;
    letter-spacing: 0;
    background-image: none;
    padding-left: 14px !important;
    cursor: help;
}

    .compact_form tr span.note i,
    .form_options li.help span.note i,
    .compact_form div.form.section span.note i {
        font-style: normal;
        display: block;
        padding: 2px 0;
        white-space: normal;
    }
        .form_options li.help span.note i {
            margin: 5px 0;
        }
    .compact_form tr span.note:before,
    .form_options li.help span.note:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        background-color: #fff;
        box-shadow: -1px -1px 0 0 #386eb1;
        transform: rotate(45deg);
        position: absolute;
        top: -4px;
        left: 8px;
    }
    .compact_form tr span.note b,
    .form_options li.help span.note b {
        display: block;
        color: #386eb1 !important
    }

    .compact_form tr:hover span.note, 
    .form_options li.help:hover span.note,
    .compact_form div.form.section tr:hover span.note {
        display: block !important;
    }
.form_options li.help:before {
    content: "i";
    display: block;
    width: 25px;
    color: #296db3;
    border: 1px solid #296db3;
    text-align: center;
    padding: 2px 0;
    box-sizing: border-box;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -khtml-border-radius: 50% !important;
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    cursor: help;
}
.compact span.note,
.compact tr:hover span.note,
.compact tr:hover span.note,
.compact .compact_form div.form.section tr:hover span.note,
.compact.compact_form div.form.section tr:hover span.note {
    display: none !important;
}

.compact_form.rows #CollectionAddress_PostcodeRow #CollectionAddress_postcodeprefix,
.compact_form.rows #DeliveryAddress_PostcodeRow #DeliveryAddress_postcodeprefix {
    position: absolute;
    top: 50%;
    padding-left: 5px;
    transform: translate(-100%, -50%);
    color: #004a8a !important;
}
/*.compact_form.rows #DeliveryAddress_PostcodeRow input {
    padding-left: 20px !important;
}*/
.compact_form.rows p,
.compact_form.rows strong {
    color: #004a8a;
    padding: 0 0 20px;
}
#ClaimsApplicationForm .compact_form.rows .acknowledge_terms p {
    padding-bottom: 0;
    font-weight: bold;
}
#ClaimsApplicationForm .compact_form.rows .acknowledge_terms ul.list {
    display: block;
    padding: 30px;
    box-sizing: border-box;
    list-style-type: none;
}
    #ClaimsApplicationForm .compact_form.rows .acknowledge_terms ul.list li {
        color: #004a8a;
        list-style-type: none;
        position: relative;
        padding: 0px 0 5px 20px;
    }
        #ClaimsApplicationForm .compact_form.rows .acknowledge_terms ul.list li:before {
            display: block;
            content: "";
            width: 5px;
            height: 5px;
            border-top: 2px solid #687ca2;
            border-right: 2px solid #687ca2;
            position: absolute;
            left: 0;
            top: 6px;
            transform: rotate(45deg);
        }
#ClaimsApplicationForm .compact_form.rows .acknowledge_terms .form_options {
    margin-bottom: 55px;
}
#ClaimsApplicationForm .compact_form.rows .box_contents {
    margin: 20px 0 50px;
}
.compact_form.rows .FormTableLabel {
    width: 40% !important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

    .compact_form.rows .FormTableLabel label {
        padding: 0 10px !important;
        color: #004a8a !important;
    }
        .compact_form.rows tr#What3Words_Row .FormTableLabel label {
            padding-right: 70px !important;
        }
    .compact_form.rows .FormTableLabel a {
        color: #0185cd;
        font-weight: 500 !important;
        font-family: "Roboto";
        text-decoration: none;
        font-size: 11px;
        padding: 0 10px;
    }
    .compact_form.rows tr#What3Words_Row a.button_blue {
        position: absolute;
        right: 0;
        top: 50%;
        padding: 2px 10px;
        min-width: 40px;
        width: 50px;
        transform: translateY(-50%);
    }
    .compact_form.rows .FormTableField input,
    .compact_form.rows .FormTableField select,
    .compact_form.rows .destinationCountry div {
        padding: 13px !important;
        z-index: 1;
        width: 100% !important;
        border-left: 1px solid #bac9e5 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        -khtml-border-radius: 0 !important;
        margin: 0 !important;
    }
    .compact_form.rows .FormTableField input[disabled] {
        background-color: #d2dbeb;
        color: #004a8a;
    }
.compact_form .icons input[type="text"],
.compact_form .icons input[type="email"],
.compact_form .icons input[type="number"],
.compact_form .icons select,
.compact_form .icons div {
    background-repeat: no-repeat;
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 40px !important;
    background-size: 24px;
}

.compact_form .icons .td_forename input {
    background-image: url(../layout/icon_forename.png);
}

.compact_form .icons .td_surname input {
    background-image: url(../layout/icon_surname.png);
}

.compact_form .icons .td_email input {
    background-image: url(../layout/icon_email.png);
}

.compact_form .icons .td_telephone input {
    background-image: url(../layout/icon_phone.png);
}

.compact_form.rows tr,
#UPSAccessPointOptions .access-point-postcode-selection {
    background-color: #e2eaf9;

}
#RegistrationForm div.address_lookup.newAddress {
    border-top: 1px solid #bac9e5 !important;
}
    #RegistrationForm div.address_lookup.newAddress .country_select label {
        text-align: left;
        font-family: "RobotoBold" !important;
        font-weight: 800;
        padding: 10px 0 6px 10px !important;
        }
    #RegistrationForm div.address_lookup.newAddress select {
        border: 1px solid #bac9e5 !important;
        -moz-border-radius: 9px !important;
        -webkit-border-radius: 9px !important;
        border-radius: 9px !important;
        -khtml-border-radius: 9px !important;
        margin-bottom: 15px !important;
    }

    #RegistrationForm div.address_lookup.newAddress,
    #ClaimsApplicationForm .compact_form.rows tr#NoBoxes,
    #ClaimsApplicationForm .compact_form.rows tr#ClaimContactNameReference,
    .compact_form.rows tr.td_taxId,
    .compact_form.rows tr#ImporterEORI,
    .compact_form.rows tr#ReceiverEORI,
    .compact_form.rows tr#RegVATNumber,
    .compact_form.rows tr#RegEORINumber,
    .compact_form.rows tr#ReceiverVAT,
    .compact_form.rows tr#ImporterVAT,
    .compact_form.rows tr:first-of-type {
        -webkit-border-top-left-radius: 9px;
        -moz-border-radius-topleft: 9px;
        border-top-left-radius: 9px;
        -webkit-border-top-right-radius: 9px;
        -moz-border-radius-topright: 9px;
        border-top-right-radius: 9px;
    }
        .compact_form.rows tr.td_taxId.no_rounded_top {
            -webkit-border-top-left-radius: 0 !important;
            -moz-border-radius-topleft: 0 !important;
            border-top-left-radius: 0 !important;
            -webkit-border-top-right-radius: 0 !important;
            -moz-border-radius-topright: 0 !important;
            border-top-right-radius: 0 !important;
        }
        .compact_form.rows tr#ReceiverVAT input,
        .compact_form.rows tr#ReceiverEORI input,
        .compact_form.rows tr.td_taxId input,
        .compact_form.rows tr#RegEORINumber input,
        .compact_form.rows tr#RegVATNumber input,
        .compact_form.rows tr#ImporterVAT,
        .compact_form.rows tr:first-of-type input,
        .compact_form.rows tr:first-of-type select,
        .compact_form.rows tr#ImporterEORI input,
        .compact_form.rows tr#ImporterVAT input,
        #ClaimsApplicationForm .compact_form.rows tr#NoBoxes select,
        #ClaimsApplicationForm .compact_form.rows tr#ClaimContactNameReference input {
            -webkit-border-top-right-radius: 9px !important;
            -moz-border-radius-topright: 9px !important;
            border-top-right-radius: 9px !important;
        }
        .compact_form.rows tr.td_taxId,
        .compact_form.rows tr#ReceiverVAT,
        .compact_form.rows tr#ImporterVAT,
        .compact_form.rows tr#ImporterEORI,
        .compact_form.rows tr#ReceiverEORI,
        .compact_form.rows tr#RegVATNumber,
        .compact_form.rows tr#RegEORINumber,
        .compact_form.rows tr:last-of-type,
        #ClaimsApplicationForm .compact_form.rows tr#EmailAddress,
        #ClaimsApplicationForm .compact_form.rows tr#ClaimOrderReference {
            -webkit-border-bottom-left-radius: 9px;
            -moz-border-radius-bottomleft: 9px;
            border-bottom-left-radius: 9px;
            -webkit-border-bottom-right-radius: 9px;
            -moz-border-radius-bottomright: 9px;
            border-bottom-right-radius: 9px;
        }
            .compact_form.rows tr#ReceiverVAT input,
            .compact_form.rows tr#ReceiverEORI input,
            .compact_form.rows tr.td_taxId input,
            .compact_form.rows tr#ReceiverEORI input,
            .compact_form.rows tr:last-of-type input,
            .compact_form.rows tr:last-of-type select,
            .compact_form.rows tr#RegVATNumber input,
            .compact_form.rows tr#RegEORINumber input,
            .compact_form.rows tr#ImporterEORI input,
            .compact_form.rows tr#ImporterVAT input,
            #ClaimsApplicationForm .compact_form.rows tr#EmailAddress input,
            #ClaimsApplicationForm .compact_form.rows tr#ClaimOrderReference select {
                -webkit-border-bottom-right-radius: 9px !important;
                -moz-border-radius-bottomright: 9px !important;
                border-bottom-right-radius: 9px !important;
            }
            .compact_form.rows tr#ReceiverVAT .field-validation-error > span,
            .compact_form.rows tr#ReceiverEORI .field-validation-error > span,
            .compact_form.rows tr.td_taxId .field-validation-error > span,
            .compact_form.rows tr#ReceiverEORI .field-validation-error > span,
            .compact_form.rows tr:last-of-type .field-validation-error > span,
            .compact_form.rows tr#RegVATNumber .field-validation-error > span,
            .compact_form.rows tr#RegEORINumber .field-validation-error > span,
            .compact_form.rows tr#ImporterEORI .field-validation-error > span,
            .compact_form.rows tr#ImporterVAT .field-validation-error > span {
                -webkit-border-bottom-right-radius: 87px !important;
                -moz-border-radius-bottomright: 7px !important;
                border-bottom-right-radius: 7px !important;
            }
    .compact_form.rows tr.td_taxId,
    .compact_form.rows tr#ReceiverVAT,
    .compact_form.rows tr#ReceiverEORI,
    .compact_form.rows tr#ImporterVAT,
    .compact_form.rows tr#ImporterEORI, 
    .compact_form.rows tr#RegVATNumber,
    .compact_form.rows tr#RegEORINumber {
        margin-bottom: 5px;
        border-bottom-width: 1px;
    }
        #ClaimsApplicationForm.compact_form.rows tr#EmailAddress,
        #ClaimsApplicationForm.compact_form.rows tr#ClaimOrderReference {
            margin-bottom: 25px;
            border-bottom-width: 1px;
        }

    .compact_form.rows .FormTableField,
    .compact_form.rows .destinationCountry {
        padding-left: 40% !important;
        display: block;
    }
.confirm_address.button_blue {
    margin-top: 30px;
}
.compact_form.rows .address_lookup tr {
    border: none !important;
    text-align: center;
}
    .compact_form.rows .address_lookup tr td {
        padding-left: 0 !important;
    }
.compact_form.rows .address_block,
.compact_form.rows .address_block .FormTableLabel {
    color: #004a8a;
    font-family: "Roboto" !important;
    font-size: 11px;
}
    .compact_form.rows .address_block td {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        padding-left: 10px !important;
    }
        .compact_form.rows .address_block td.FormTableField {
            background-color: #fff;
            margin-left: 40% !important;
            padding-left: 10px !important;
            border-left: 1px solid #bac9e5;
        }
    .compact_form.rows .address_block tr:first-of-type td.FormTableField {
        -webkit-border-top-right-radius: 9px;
        -moz-border-radius-topright: 9px;
        border-top-right-radius: 9px;
    }
    .compact_form.rows .address_block tr:last-of-type td.FormTableField {
        -webkit-border-bottom-right-radius: 9px;
        -moz-border-radius-bottomright: 9px;
        border-bottom-right-radius: 9px;
    }
.compact_form div.hover {
    display: none;
}

.compact_form div.form.section {
    padding: 0;
    margin: 0;
}

.compact_form #SenderCustomsInfo {
    margin-top: 20px;
}
.compact_form.register {
    max-width: 650px;

}
.address_book {
    border: 1px solid #a8b9d8;
    background-color: #e2eaf9;
    margin: 60px 0 0;
    text-align: left;
    position: relative;
    top: 1px;
    -webkit-border-top-right-radius: 9px !important;
    -moz-border-radius-topright: 9px !important;
    border-top-right-radius: 9px !important;
}

    .address_book .tab {
        display: inline-block !important;
        position: relative;
        transform: translateY(-100%);
        left: -1px;
    }

        .address_book .tab label {
            display: block;
            padding: 7px 14px 4px !important;
            border: 1px solid #a8b9d8;
            background-color: #e2eaf9;
            color: #004a8a;
            -webkit-border-top-left-radius: 7px;
            -moz-border-radius-topleft: 7px;
            border-top-left-radius: 7px;
            -webkit-border-top-right-radius: 7px;
            -moz-border-radius-topright: 7px;
            border-top-right-radius: 7px;
        }
        .address_book .tab.clear_data {
            float: right;
        }
            .address_book .tab.clear_data label {
                border: none;
                background-color: transparent;
                color: #0185cd;
                cursor: pointer;
                background-image: url(../layout/icon_clear.png);
                background-repeat: no-repeat;
                background-position: right center;
                padding: 8px 30px 8px 0 !important;
            }

        .address_book .tab.active label {
            border-bottom-color: #e2eaf9;
            background: linear-gradient(#fff, #e2eaf9);
        }

        .address_book .tab input {
            position: absolute;
            left: 0;
            top: 50%;
            z-index: -1;
        }

    .address_book .address_lookup {
        background-color: transparent;
        border: 0;
        padding: 0;
        text-align: center;
    }




#divHeavyWeightQuote a.close {
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(../layout/cart/checkbox_terms-grey.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 5px;
    right: 5px;
}
div#divHeavyWeightQuote div.Options {
    background-color: #fff !important;
}

#divHeavyWeightQuote .email_sent {
    display: block;
    background-color: #fff;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    padding-top: 20px;
    box-sizing: border-box;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
}
    #divHeavyWeightQuote .email_sent .SuccessNotification {
        /*position: absolute;
        top: 30%;
        width: 100%;
        transform: translateY(-50%);*/
    }
    #divHeavyWeightQuote .email_sent a.button_blue {
        position: absolute;
         bottom: 20%;
         left: 50%;
         transform: translateX(-50%);
    }
.filter_news {
    display: block;
    background-color: #02548F;
    padding: 0 10px 0;
    text-align: center;
}
.filter_news li {
    display: inline-block;
    position: relative;
    padding: 10px;
}
    .filter_news li a {
        display: block;
        color: #fff;
        padding: 8px 12px;
        font-family: "Roboto";
        font-size: 10px;
        text-transform: uppercase;
        text-decoration: none;
    }
        .filter_news li a.active {
            font-family: "RobotoBold";
        }
body.all_news li.category_1 a,
ul.category_1 li.category_1 a,
ul.category_2 li.category_2 a,
ul.category_3 li.category_3 a,
ul.category_4 li.category_4 a,
ul.category_5 li.category_5 a,
ul.category_6 li.category_6 a,
ul.category_7 li.category_7 a,
ul.category_8 li.category_8 a,
ul.category_9 li.category_9 a,
ul.category_10 li.category_10 a,
ul.category_11 li.category_11 a,
ul.category_12 li.category_12 a,
ul.category_13 li.category_13 a,
ul.category_14 li.category_14 a,
ul.category_15 li.category_15 a,
ul.category_16 li.category_16 a,
ul.category_17 li.category_17 a,
ul.category_18 li.category_18 a,
ul.category_19 li.category_19 a,
ul.category_20 li.category_20 a,
ul.category_21 li.category_21 a,
ul.category_22 li.category_22 a,
ul.category_23 li.category_23 a,
ul.category_24 li.category_24 a,
ul.category_25 li.category_25 a,
ul.category_26 li.category_26 a,
ul.category_27 li.category_27 a,
ul.category_28 li.category_28 a,
ul.category_29 li.category_29 a,
ul.category_30 li.category_30 a,
ul.category_31 li.category_31 a,
ul.category_32 li.category_32 a,
ul.category_33 li.category_33 a,
ul.category_34 li.category_34 a,
ul.category_35 li.category_35 a,
ul.category_36 li.category_36 a,
ul.category_37 li.category_37 a,
ul.category_38 li.category_38 a,
ul.category_39 li.category_39 a,
ul.category_40 li.category_40 a,
ul.category_41 li.category_41 a,
ul.category_42 li.category_42 a,
ul.category_43 li.category_43 a,
ul.category_44 li.category_44 a,
ul.category_45 li.category_45 a,
ul.category_46 li.category_46 a,
ul.category_47 li.category_47 a,
ul.category_48 li.category_48 a,
ul.category_49 li.category_49 a,
ul.category_50 li.category_50 a,
ul.category_51 li.category_51 a,
ul.category_52 li.category_52 a,
ul.category_53 li.category_53 a,
ul.category_54 li.category_54 a,
ul.category_55 li.category_55 a,
ul.category_56 li.category_56 a,
ul.category_57 li.category_57 a,
ul.category_58 li.category_58 a,
ul.category_59 li.category_59 a,
ul.category_60 li.category_60 a,
ul.category_61 li.category_61 a,
ul.category_62 li.category_62 a,
ul.category_63 li.category_63 a,
ul.category_64 li.category_64 a,
ul.category_65 li.category_65 a,
ul.category_66 li.category_66 a,
ul.category_67 li.category_67 a,
ul.category_68 li.category_68 a,
ul.category_69 li.category_69 a,
ul.category_70 li.category_70 a,
ul.category_71 li.category_71 a,
ul.category_72 li.category_72 a,
ul.category_73 li.category_73 a,
ul.category_74 li.category_74 a,
ul.category_75 li.category_75 a,
ul.category_76 li.category_76 a,
ul.category_77 li.category_77 a,
ul.category_78 li.category_78 a,
ul.category_79 li.category_79 a,
ul.category_80 li.category_80 a {
    color: #ffba00;
}
body.all_news li.category_1:after,
ul.category_1 li.category_1:after,
ul.category_2 li.category_2:after,
ul.category_3 li.category_3:after,
ul.category_4 li.category_4:after,
ul.category_5 li.category_5:after,
ul.category_6 li.category_6:after,
ul.category_7 li.category_7:after,
ul.category_8 li.category_8:after,
ul.category_9 li.category_9:after,
ul.category_10 li.category_10:after,
ul.category_11 li.category_11:after,
ul.category_12 li.category_12:after,
ul.category_13 li.category_13:after,
ul.category_14 li.category_14:after,
ul.category_15 li.category_15:after,
ul.category_16 li.category_16:after,
ul.category_17 li.category_17:after,
ul.category_18 li.category_18:after,
ul.category_19 li.category_19:after,
ul.category_20 li.category_20:after,
ul.category_21 li.category_21:after,
ul.category_22 li.category_22:after,
ul.category_23 li.category_23:after,
ul.category_24 li.category_24:after,
ul.category_25 li.category_25:after,
ul.category_26 li.category_26:after,
ul.category_27 li.category_27:after,
ul.category_28 li.category_28:after,
ul.category_29 li.category_29:after,
ul.category_30 li.category_30:after,
ul.category_31 li.category_31:after,
ul.category_32 li.category_32:after,
ul.category_33 li.category_33:after,
ul.category_34 li.category_34:after,
ul.category_35 li.category_35:after,
ul.category_36 li.category_36:after,
ul.category_37 li.category_37:after,
ul.category_38 li.category_38:after,
ul.category_39 li.category_39:after,
ul.category_40 li.category_40:after,
ul.category_41 li.category_41:after,
ul.category_42 li.category_42:after,
ul.category_43 li.category_43:after,
ul.category_44 li.category_44:after,
ul.category_45 li.category_45:after,
ul.category_46 li.category_46:after,
ul.category_47 li.category_47:after,
ul.category_48 li.category_48:after,
ul.category_49 li.category_49:after,
ul.category_50 li.category_50:after,
ul.category_51 li.category_51:after,
ul.category_52 li.category_52:after,
ul.category_53 li.category_53:after,
ul.category_54 li.category_54:after,
ul.category_55 li.category_55:after,
ul.category_56 li.category_56:after,
ul.category_57 li.category_57:after,
ul.category_58 li.category_58:after,
ul.category_59 li.category_59:after,
ul.category_60 li.category_60:after,
ul.category_61 li.category_61:after,
ul.category_62 li.category_62:after,
ul.category_63 li.category_63:after,
ul.category_64 li.category_64:after,
ul.category_65 li.category_65:after,
ul.category_66 li.category_66:after,
ul.category_67 li.category_67:after,
ul.category_68 li.category_68:after,
ul.category_69 li.category_69:after,
ul.category_70 li.category_70:after,
ul.category_71 li.category_71:after,
ul.category_72 li.category_72:after,
ul.category_73 li.category_73:after,
ul.category_74 li.category_74:after,
ul.category_75 li.category_75:after,
ul.category_76 li.category_76:after,
ul.category_77 li.category_77:after,
ul.category_78 li.category_78:after,
ul.category_79 li.category_79:after,
ul.category_80 li.category_80 a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

body.filtered_news .news_panel.ezine ul {
    height: initial !important;
    text-align: center;
}

#horizontal_scroll {
    display: block;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    background-attachment: local, local, scroll, scroll;
}

.horizontal_scroll_container {
    display: block;
    padding: 0;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    /*border-bottom: 5px solid #fff;*/
}
    .horizontal_scroll_container ul,
    .horizontal_scroll_container ol {
        padding-left: 40px !important;
        padding-right: 40px !important;
        }
    .horizontal_scroll_container ul li,
    .horizontal_scroll_container ol li {
        margin: 0 8px;
    }
    .horizontal_scroll_container #scrollLeft,
    .horizontal_scroll_container #scrollRight {
        display: block;
        width: 45px;
        position: absolute;
        top: 0px;
        bottom: 0px;
        cursor: pointer;
        text-align: center;
        background-color: #02548F;
        /*box-shadow: 0px 0px 0 8px #02548F;*/
        box-sizing: border-box;
        overflow: hidden;
        visibility: hidden;
    }
        .horizontal_scroll_container #scrollLeft.active,
        .horizontal_scroll_container #scrollRight.active {
            visibility: visible;
        }
        .horizontal_scroll_container #scrollLeft span,
        .horizontal_scroll_container #scrollRight span {
            display: none;
        }
        .horizontal_scroll_container #scrollLeft {
            left: 0px;
            /*-moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            border-radius: 50% !important;
            -khtml-border-radius: 50% !important;*/
            border-right: 1px solid #113f6a;
        }
            div.pagination a#PrevButton span:before,
            .horizontal_scroll_container #scrollLeft:before {
                content: "";
                border-color: transparent #fff;
                border-style: solid;
                border-width: 0.35em 0.5em 0.35em 0;
                display: block;
                height: 0;
                width: 0;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                position: relative;
            }
            div.pagination a#NextButton span:before,
            .horizontal_scroll_container #scrollRight:before {
                content: "";
                border-color: transparent #fff;
                border-style: solid;
                border-width: 0.35em 0 0.35em 0.5em;
                display: block;
                height: 0;
                width: 0;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                position: relative;
            }
        .horizontal_scroll_container #scrollRight {
            right: 0px;
            /*-moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            border-radius: 50% !important;
            -khtml-border-radius: 50% !important;*/
            border-left: 1px solid #113f6a;
        }

table#parcel-orders th.receiver,
table#parcel-orders td.receiver,
table#parcel-orders th.service,
table#parcel-orders td.service,
table#parcel-orders th.tracking,
table#parcel-orders td.tracking,
table#parcel-orders td.receiver span.note,
table#parcel-orders td.service span.note {
    text-align: left;
}

    table#parcel-orders td.service strong,
    table#parcel-orders td.receiver strong {
        display: block;
        font-size: 11px;
    }

table#parcel-orders td.tracking.tracking_container {
    display: block;
    min-height: 20px;
}
table#parcel-orders a.view_tracking,
table#parcel-orders a.link.update_order_tracking {
    font-size: 11px;
    text-decoration: none;
    padding: 7px 18px 7px 0;
    display: inline-block;
    position: relative;
    margin: 0 0 0 20px;
    /*background-color: #296db3;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    -khtml-border-radius: 23px;
    color: #fff;*/
}
table#parcel-orders a.view_tracking {
    margin-left: 5px;
}
table#parcel-orders div.last_tracking_event.available {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    background-size: 12px;
    background-image: url(../layout/icon_location_marker.png);
    background-image: url(../layout/icon_location_marker_orange.png);
    display: block;
    color: #e15f00;
}
table#parcel-orders div .last_tracking_event.tracking_error {
    color: red !important;
    opacity: 1;
    background-image: url(../layout/icon-red-cross-small.png);
    background-size: 14px;
}
table#parcel-orders span.date {
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px;
}
table#parcel-orders span.date,
table#parcel-orders span.date b {
    font-size: 10px;
    letter-spacing: 1px;
}
table#parcel-orders .tracking_unavailable {
    padding-left: 20px;
    text-align: left;
}
table#parcel-orders a.link.awb {
    padding: 0 18px 0 20px;
    background-image: url(../layout/icon_search_magnify_small.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px;
}
table#parcel-orders span.tracking_no {
    font-size: 11px;
}
    
table#parcel-orders span.date {
    padding: 3px 5px 3px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}
table#parcel-orders a.view_tracking:after,
table#parcel-orders a.link.update_order_tracking:after {
    display: inline-block;
    width: 12px;
    height: 12px;
    left: 4px;
    top: 3px;
    position: relative;
    content: url(https://www.transglobalexpress.com/assets-uk/layout/refresh_small.png);
}
table#parcel-orders .tracking_detail {
    position: relative;
    display: block;
}
    table#parcel-orders .tracking_detail a.event_tracking_link {
        color: #e15f00;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 15px;
        padding-right: 25px;
        position: relative;
        text-decoration: none;
    }
        table#parcel-orders .tracking_detail a.event_tracking_link:after {
            display: block;
            width: 20px;
            height: 20px;
            content: "";
            background-size: 15px;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            top: 4px;
            right: -8px;
            opacity: 0;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }
        table#parcel-orders .tracking_detail a.event_tracking_link:hover:after {
            opacity: 1;
            right: 0;
            top: 0;
            background-image: url(../layout/icon-magnify-search-small.png);
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }
        table#parcel-orders .tracking_detail a.event_tracking_link.tracking_unavailable {
            color: #555;
        }
table#parcel-orders .hover {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px 20px;
    border: 1px solid #a8b9d8;
    z-index: 4;
    text-align: left;
    font-size: 11px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -khtml-border-radius: 7px;
    top: 100%;
    height: auto !important;
    width: 200px;
    background-image: none !important;
    
}
table#parcel-orders .hover:before {
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    background-color: #fff;
    box-shadow: -1px -1px 0 0 #a8b9d8;
    transform: rotate(45deg);
    top: -5px;
    position: absolute;
}
table#parcel-orders .tracking_detail:hover .hover {
    display: block;
}
table#parcel-orders th .hover {
    position: relative;
    background-color: transparent;
    border: none;
    font-size: 13px;
}
table#parcel-orders th.selection.tracking .hover.noicon span.title {
    padding-bottom: 0;
    background-image: none;
}

table#parcel-orders th.selection.tracking .hover {
    padding-left: 0;
}

table#parcel-orders th .hover:before {
    display: none;
}

#Delivery_Options {
    display: block;
    font-family: "Roboto";
    text-align: center;
    margin: 0 auto 13vh auto;;
    background-color: #01619e;
    padding: 40px 0;
}
    #Delivery_Options .Delivery_Info {
        text-align: center;
        display: block;
        margin: auto;
        padding: 40px 0 60px;
        box-sizing: border-box;
        color: #02548f;
        border: 6px solid #01619e;
        max-width: 600px;
        background-color: #fff;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -khtml-border-radius: 12px;
    }
        #Delivery_Options .Delivery_Info .address {
            font-size: 11px !important;
            display: block;
            padding: 0 0 20px;
        }
            #Delivery_Options .Delivery_Info .address strong {
                display: block;
                padding: 0 0 10px;
                color: #0185cd;
                font-size: 14px;
                font-weight: 500;
                font-family: Roboto !important;
            }
            #Delivery_Options .Delivery_Info .address iframe {
                width: 100%;
                margin-bottom: 20px;
                pointer-events: none;
            }
            #Delivery_Options .Delivery_Info a.button_link {
                display: block;
                background: #01619e;
                color: #fff;
                width: 90%;
                padding: 8px;
                box-sizing: border-box;
                text-decoration: none;
                margin: 10px auto 0;
                max-width: 300px;
            }
        #Delivery_Options .Delivery_Info a.button_link:hover,
        #Delivery_Options .Delivery_Info a.button_link:active,
        #Delivery_Options .Delivery_Info a.button_link:focus {
            opacity: 0.9;
        }
        #Delivery_Options .Delivery_Info p,
        #Delivery_Options .Delivery_Info p strong {
            text-align: center;
            font-size: 20px;
            color: #02548f;
            font-family: "Roboto" !important;
            font-weight: 300 !important;
        }
            #Delivery_Options .Delivery_Info p .divide {
                display: none;
                font-size: 14px;
                font-weight: 900;
            }
            #Delivery_Options .Delivery_Info p strong {
                color: #0185cd;
            }
        #Delivery_Options .Delivery_Info div.time {
            font-size: 18px;
            position: relative;
            top: -8px;
            font-family: "Roboto" !important;
            font-weight: 300;
            padding-bottom: 15px;
        }
            #Delivery_Options .Delivery_Info div.time span {
                
                color: #0185cd;
            }
        #Delivery_Options .Delivery_Info p span.date {
            display: block;
            padding: 15px 0 10px 0;
            font-size: 36px;
            color: #0185cd;
        }
            #Delivery_Options .Delivery_Info .delivery_window p span.date {
                padding-bottom: 0;
            }
            #Delivery_Options .Delivery_Info span.order_ref {
                display: block;
                padding: 0 0 10px 0;
            }
                #Delivery_Options .Delivery_Info span.order_ref strong {
                    color: #0185cd;
                    font-weight: 500;
                }
            #Delivery_Options .form {
                display: block;
                background-color: #01619e;
                padding: 0;
                max-width: 600px;
                margin: auto;
                text-align: left;
                box-sizing: border-box;
                border-color: #01619e;
                color: #fff;
                transition: 2s ease all;
            }
                #Delivery_Options .form form {
                    display: block;
                    padding: 30px 25px 25px;
                    box-sizing: border-box;
                    position: relative;
                    background-color: #fff;
                    -moz-border-radius: 12px;
                    -webkit-border-radius: 12px;
                    border-radius: 12px;
                    -khtml-border-radius: 12px;
                    overflow: hidden;
                }

                    #Delivery_Options .form.blue form {
                        background-color: #01619e !important;
                    }

                    #Delivery_Options .form form ul.tabbed_options {
                        display: block;
                        box-sizing: border-box;
                        padding: 0;
                        margin: 0;
                        position: absolute;
                        top: -10px;
                        left: 0;
                        right: 0;
                        background-color: #01619e;
                    }
                        #Delivery_Options .form form ul.tabbed_options li {
                            display: block;
                            float: left;
                            width: 50%;
                            background-color: #e2eaf8;
                            border-top-left-radius: 8px;
                            border-top-right-radius: 8px;
                            box-sizing: border-box;
                            border-bottom: 3px solid #d6dfef;
                        }
                    #Delivery_Options .form form ul.tabbed_options li:nth-of-type(2) {
                        border-left: 1px solid #004a8a;
                    }
                    #Delivery_Options .form form ul.tabbed_options li:hover {
                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
                        filter: alpha(opacity=0.95);
                        opacity: 0.95;
                    }
                    #Delivery_Options .form form ul.tabbed_options li.active:hover {
                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                        filter: alpha(opacity=1);
                        opacity: 1;
                    }
                #Delivery_Options .form form ul.tabbed_options li.active {
                    background-color:#fff;
                    border-bottom-color: #fff;
                }
                            #Delivery_Options .form form ul.tabbed_options li label {
                                color: #355681;
                                display: block;
                                width: 100%;
                                padding: 10px;
                                box-sizing: border-box;
                                font-size: 12px;
                                font-weight: 800;
                            }
                    #Delivery_Options .form form ul.tabbed_options li.active label {
                        color: #01619e;
                    }
                    #Delivery_Options .form form ul.tabbed_options li input {
                        position: absolute;
                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                        filter: alpha(opacity=0);
                        opacity: 0;
                    }
    #Delivery_Options #CollectionOptionsList,
    #Delivery_Options #CollectionOptionsList li {
        list-style-type: none;
        display: block;
    }
        #Delivery_Options #CollectionOptionsList li {
            background-color: #efefef;
            margin: 3px 0;
            position: relative;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            -khtml-border-radius: 6px;
        }
            #Delivery_Options #CollectionOptionsList li.active {
               /* background-color: #edf6e8;*/
            }
        #Delivery_Options #CollectionOptionsList h3 {
            color: #000;
            color: #498bd0;
            width: 100% !important;
            box-sizing: border-box;
            font-size: 15px;
            padding-bottom: 0 !important;
            position: relative;
            background-repeat: no-repeat;
            background-position: left center;
        }
            #Delivery_Options #CollectionOptionsList h3 label {
                padding: 15px 25px;
                padding-left: 50px;
                display: block;
                width: 100%;
                box-sizing: border-box;
            }
            #Delivery_Options #CollectionOptionsList li.active h3 {
                color: #55b31f;
            }
            #Delivery_Options #CollectionOptionsList li.reschedule h3 { background-image: url(../layout/icon_calendar.png); }
            #Delivery_Options #CollectionOptionsList li.neighbour h3 { background-image: url(../layout/icon_neighbour.png); }
            #Delivery_Options #CollectionOptionsList li.safeplace h3 { background-image: url(../layout/icon_safeplace.png); }
            #Delivery_Options #CollectionOptionsList li.instuctions h3 { background-image: url(../layout/icon_instructions.png); }

            #Delivery_Options #CollectionOptionsList li h3:after {
                display: inline-block;
                content: "";
                width: 10px;
                height: 10px;
                box-shadow: 3px 3px 0 0 #498bd0;
                transform: rotate(-45deg) translateY(-10px);
                position: absolute;
                top: 50%;
                right: 20px;
                transition: 0s ease all;
            }
                #Delivery_Options #CollectionOptionsList li.active h3:after {
                    transform: rotate(45deg) translateY(-15px);
                    right: 28px;
                    transition: 0s ease all;
                    box-shadow: 3px 3px 0 0 #56b320;
                }

                #Delivery_Options #CollectionOptionsList li input[type="checkbox"] {
                    position: absolute;
                    top: 50%;
                    right: 10px;
                    transform: translateY(-50%);
                    opacity: 0;
                }
            #Delivery_Options #CollectionOptionsList li .form_section {
                background-color: #fff;
            }
        #Delivery_Options .form form h3,
        #Delivery_Options .form form h4 {
            text-align: left;
            width: 100% !important;
            font-size: 18px;
            color: #02548f;
            font-family: "Roboto" !important;
            font-weight: 300 !important;
            display: block;
            padding: 0 0 10px 10px;
        }
            #Delivery_Options .form form h4 {
                padding-left: 0 !important;
            }
            #Delivery_Options .form form p {
                text-align: left;
                width: 100% !important;
                font-size: 14px;
                color: #02548f;
                font-family: "Roboto" !important;
                font-weight: 300 !important;
                display: block;
            }
                #Delivery_Options .form form p strong {
                    font-size: 16px;
                }
                #Delivery_Options .form form p strong.small {
                    font-size: 14px;
                }
                #Delivery_Options .form .form_block p {
                    padding-bottom: 20px;
                }
                #Delivery_Options .form .row label {
                    color: #02548f !important;
                }
                 #Delivery_Options .row.checkbox {
                    padding-left: 42%;
                    display: block;
                    padding-top: 10px;
                }
                 #Delivery_Options .row.checkbox label {
                    width:90%;
                    font-size: 11px;
                    padding-left: 10px;
                    box-sizing: border-box;
                }
                 #Delivery_Options #CollectionOptionsList li .row.checkbox  input[type="checkbox"] {
                        opacity: 1;
                        position: relative;
                        top: 10px;
                        right: 0;
                        float: left;
                    }
            #Delivery_Options .form h2 {
                color: #fff !important;
                font-family: "Roboto" !important;
                font-weight: 300 !important;
                font-size: 20px;
                padding: 40px 0 20px !important;
                margin: 0 0 5px !important;
                display: block;
                text-align: center;
                font-size: 28px;
            }
                #Delivery_Options .form h2 strong {
                    font-weight: 500 !important;
                    color: #0185cd !important;
                }
    #Delivery_Options .form .form_block {
        display: block;
        clear: both;
        padding-bottom: 0;
    }
            #Delivery_Options .form .form_block.active {
                padding-bottom: 45px;
            }
            #Delivery_Options .form .button_container {
                display: block;
                box-sizing: border-box;
                padding: 15px 0 30px;
                margin: 0 0;
                clear: both;
                -moz-border-radius: 12px;
                -webkit-border-radius: 12px;
                border-radius: 12px;
                -khtml-border-radius: 12px;
                text-align: right !important;
            }
                    #Delivery_Options .button_container input[type="button"] {
                        display: inline-block;
                        width: 100%;
                        max-width: 300px;
                        background: #01619e;
                        color: #fff;
                        padding: 8px 20px;
                        box-sizing: border-box;
                        text-decoration: none;
                        border: none;
                        text-align: center;
                    }
        #Delivery_Options .form .form_field {
            display: block;
            width: 100%;
            margin: auto;
            position: relative;
            -khtml-border-radius: 20px;
        }
            #Delivery_Options .form .form_field input[type="text"] {
                width: 100%;
                padding: 20px 20px;
                box-sizing: border-box;
                border: 1px solid #b0bbd0;
                font-size: 18px;

            }
            #Delivery_Options .form .form_field input[type="submit"] {
                background-color: #01619e;
                position: absolute;
                top: 50%;
                right: 10px;
                font-size: 11px;
                transform: translateY(-70%);
            }
            #Delivery_Options .form .form_field .errorNotice {
                color: red;
            }
            #Delivery_Options .form label {
                text-align: left;
                display: inline-block;
                width: 42%;
            }
            #Delivery_Options .form h1 {
                background-color: #01619e;
                color: #fff !important;
                padding: 8px 14px !important;
                font-family: "Roboto" !important;
                font-weight: 500 !important;
                font-size: 13px;
                text-align: left;
            }
                #Delivery_Options .form .row input[type="text"],
                #Delivery_Options .form .row input[type="date"] {
                    width: 55%;
                    padding: 10px 20px;
                    box-sizing: border-box;
                    border: 1px solid #b0bbd0;
                    font-size: 16px;
                    border-bottom-width: 0px;
                    border-bottom-width: 0;
                }
                    #Delivery_Options .form .row.full-width input[type="text"] {
                        width: 100%;
                    }
                    #Delivery_Options .form .row:last-of-type input[type="text"],
                    #Delivery_Options .form .row:last-of-type input[type="date"],
                    #Delivery_Options .form .row.border_b input[type="text"],
                    #Delivery_Options .form .row.border_b input[type="date"] {
                        border-bottom-width: 1px !important;
                    }
                    #Delivery_Options .form #Option_LeaveDeliveryInstructions {
                        padding-bottom: 40px;
                    }
                    #Delivery_Options .form #Option_LeaveDeliveryInstructions .row input[type="text"] {
                        border: none !important;
                    }
                    #Delivery_Options .form #Option_LeaveDeliveryInstructions .row.instructions {
                        border: 1px solid #b0bbd0;
                        padding: 10px !important;
                    }
                        #Delivery_Options .form #Option_LeaveDeliveryInstructions .row.instructions input[type="button"] {
                            display: block;
                            background: #01619e;
                            color: #fff;
                            width: 90%;
                            padding: 8px;
                            box-sizing: border-box;
                            text-decoration: none;
                            margin: 10px auto 0;
                            max-width: 300px;
                            border: none;
                        }
                #Delivery_Options .form form h1 {
                    padding: 0 0 8px !important;
                    margin: 0 !important;
                }

                    #Delivery_Options form h1 label {
                        width: 100% !important;
                        display: block !important;
                        padding: 0;
                        margin: 0;
                        font-size: 18px;
                        box-sizing: border-box;
                        font-family: "Roboto" !important;
                        font-weight: 300 !important;
                    }
                #LeaveDeliveryInstructions {
                    margin-top: 10px;
                    padding: 20px 0 20px;
                    background-color: #eef3f6;
                    -moz-border-radius: 10px;
                    -webkit-border-radius: 10px;
                    border-radius: 10px;
                    -khtml-border-radius: 10px;
                }
                    #LeaveDeliveryInstructions label {
                        padding-left: 15px;
                        box-sizing: border-box;
                    }
                    #LeaveDeliveryInstructions input[type="text"] {
                        border-bottom: 1px solid #b0bbd0 !important;
                        background-color: #fff;
                    }
a#ChangeDeliveryOption {
    float: right;
}
.slider_forms .form_section {
    max-height: 0;
    overflow: hidden;
    transition: 1s ease all;
    transition-delay: 0;
    padding: 0 15px;
    opacity: 0;
}
    .slider_forms .form_section.active {
        max-height: 400px;
        transition: 1s ease all;
        transition-delay: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        opacity: 1;
    }
        .slider_forms #Option_RescheduleDelivery.form_section.active,
        .slider_forms #Option_LeaveWithNeighbour.form_section.active,
        .slider_forms #Option_LeaveInASafePlace.form_section.active {
            padding: 15px;
        }
button.square, .button_red.square, .button_blue.square, .button_white.square {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    padding: 5px 10px !important;
    border-width: 1px !important;
}
/*table#parcel-orders .tracking_status {
    display: block;
    padding: 5px 5px;
    font-size: 13px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -khtml-border-radius: 7px;
    display: block;
    background-color: #e39600;
    color: #fff;
}
table#parcel-orders .tracking_number_container {
    display: block;
    max-width: 95px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    table#parcel-orders .tracking_number_container:hover {
        position: absolute;
        width: auto;
        overflow: visible;
    }*/
table#parcel-orders td.reference {
    text-align: left;
}
table#parcel-orders span.YourRef {
    display: block;
    color: #054f95 !important;
    white-space: nowrap;
    font-size: 11px;
}
table#parcel-orders th.purchaseref,
table#parcel-orders td.purchaseref,
table#parcel-orders th.tracking.number,
table#parcel-orders td.tracking.number {
    display: none;
}

table#parcel-orders .show_tracking_number {
    display: block;
    padding: 0 0 0 20px;
    font-size: 11px;
}
#batch-order-tracking-container {
    display: block;
    background-color: #004a8a;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 80;
    padding: 6vh 0;
    text-align: center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
    #batch-order-tracking-container a.btn_white {
        background-color: #fff;
        padding: 13px 40px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -khtml-border-radius: 20px;
        color: #004a8a;
        text-decoration: none;
        font-size: 14px;
    }
    #batch-order-tracking-container.disabled {
        bottom: -250px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    #batch-order-tracking-container span.note {
        color: #fff;
        position: relative;
        top: 20px;
    }
    .Paris .clp_rate_table {
        display: none;
    }
.media_links {
    display: block;
    text-align: center;
}
    .media_links ul,
    .media_links li {
        list-style-type: none;
        padding: 5px;
        text-align: left;
        box-sizing: border-box;
    }
    .media_links li {
        max-width: 350px;
        margin: auto;
        position: relative;
        padding: 9px 10px 9px 30px;
    }
        .media_links li a {
            color: #0185cd !important;
            line-height: 1.8em;
        }
    .media_links ul {
        padding-bottom: 50px;
    }
    .media_links li img {
        position: absolute;
        top: 10px;
        left: 0;
    }
    
    #sticky {
        top: -50px;
        transition-delay: 1s;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
#sticky.fixed {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    right: 0;
    transition-delay: 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

div.form.quote.panel form {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
    padding: 40px 3% 30px 3%;
    width: 90%;
    box-sizing: border-box;
    margin: 50px auto 80px !important;
    max-width: 900px;
}

    div.form.quote.panel form,
    div.form.quote.panel form:after {
        background-color: #065390;
    }

        div.form.quote.panel form:after {
            display: block;
            width: 100%;
            content: "";
            height: 35px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 5;
        }

        div.form.quote.panel form div.center-column.seventy {
            box-sizing: border-box;
            margin: 0 !important;
        }

div.form.quote.panel .quoteform {
    float: left;
    width: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
}

    div.form.quote.panel .quoteform#CountrySelector {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -khtml-border-radius: 10px;
        overflow: hidden;
    }

    div.form.quote.panel .quoteform .field_group.col_50 {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    div.form.quote.panel .quoteform#packagestableformGroup {
        float: none !important;
        width: auto !important;
    }

        div.form.quote.panel .quoteform#packagestableformGroup .field_group.col_50 {
            float: left !important;
            width: 47% !important;
            margin-left: 3% !important;
        }
            div.form.quote.panel .quoteform#packagestableformGroup .field_group.col_50#Item_Selector {
                background-color: #fff;
            }

    div.form.quote.panel .quoteform .field_group.col_50 label,
    div.form.quote.panel .quoteform .banner_info,
    div.form.quote.panel .clear:first-of-type {
        display: none !important;
    }

    div.form.quote.panel .quoteform .field_group.col_50 .checkbox_radio_option label {
        display: block !important;
    }

div.form.quote.panel .saved_consignments {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    text-shadow: none !important;
    padding: 15px 35px 20px 25px;
    font-family: "Lato" !important;
    font-weight: bold !important;
    font-size: 15px;
}

    div.form.quote.panel .saved_consignments,
    div.form.quote.panel .saved_consignments:after,
    div.form.quote.panel .saved_consignments:before {
        background: #004073;
    }

        div.form.quote.panel .saved_consignments:before {
            content: "";
            display: block;
            width: 50px;
            height: 83px;
            background-image: none;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            -khtml-border-radius: 25px;
            position: absolute;
            left: -20px;
            top: 0;
            transform: rotate(45deg);
            z-index: -1;
        }



div.form.quote.panel .quoteform .form_container {
    position: relative;
}

    div.form.quote.panel .quoteform .form_container .row.divider.country {
        width: 60%;
    }

    div.form.quote.panel .quoteform .form_container .row.postcode {
        width: 40%;
        position: absolute;
        top: 0;
        right: 0;
    }

div.form.quote.panel .quoteform .checkbox_radio_option {
    background: transparent;
}
section.banner.media div.form.quote.panel label {
    text-shadow: none !important;
}
div.form.quote.panel .quoteform .checkbox_radio_option label span:before {
    border: 2px solid #2973ae !important;
}
section.banner.media div.form.quote.panel a.button {
    box-shadow: none !important;
}
section.banner.media div.form.quote.panel .quoteform .field_group .form_container {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    box-shadow: none;
}

            div.form.quote.panel .quoteform#packagestableformGroup .field_group.col_50#Item_Selector {
                background-color: #fff;
            }


section.banner.media div.form.quote.panel select,
section.banner.media div.form.quote.panel input[type="text"],
section.banner.media div.form.quote.panel .quoteform div#baseRow input[type="text"],
section.banner.media div.form.quote.panel .quoteform .field_group div.dimsTable div#baseRow input,
section.banner.media div.form.quote.panel .quoteform div.dimsTable div.row input[type="text"],
section.banner.media .quoteform div.form.quote.panel .form_container select#NoItem {
    padding: 14px 12px !important;
    margin: 0 !important;
}

div.form.quote.panel .quoteform #Item_Selector,
div.form.quote.panel .quoteform .form_container,
div.form.quote.panel .quoteform .form_container .row {
    border-width: 0;
}

    div.form.quote.panel .quoteform .form_container .row,
    div.form.quote.panel .quoteform #Item_Selector {
        border-bottom-width: 1px;
        border-color: #bac9e5;
        border-style: solid;
    }
#tariffSearch,
#HurricaneClassificationSearch {
    display: block;
    box-sizing: border-box;
    padding: 10px 20px;
    text-align: center;
}
    #tariffSearch label,
    #HurricaneClassificationSearch label {
        display: block;
        font-family: "Roboto";
        padding: 0px 20px 8px 20px;
        text-align: left;
        font-size: 14px;
        box-sizing: border-box;
        max-width: 900px;
        margin: auto;
    }
    #tariffSearch .search_field,
    #HurricaneClassificationSearch .search_field {
        display: block;
        background-color: #fff;
        width: 100%;
        margin: auto;
        max-width: 900px;
        -moz-border-radius: 35px !important;
        -webkit-border-radius: 35px !important;
        border-radius: 35px !important;
        -khtml-border-radius: 35px !important;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;

    }
        #tariffSearch .search_field input[type="text"],
        #HurricaneClassificationSearch .search_field input[type="text"] {
            width: 100%;
            display: block;
            padding: 15px 15px 15px 40px !important;
            box-sizing: border-box;
            margin: 0 !important;
            background-image: url(../layout//icon-magnify-search-small.png);
            background-repeat: no-repeat;
            background-position: 15px center;
        }
        #tariffSearch .search_field button,
        #HurricaneClassificationSearch .search_field input[type="button"] {
            background-color: #296db3 !important;
            display: inline-block;
            color: #fff;
            font-family: Roboto;
            padding: 8px 10px;
            -moz-border-radius: 35px !important;
            -webkit-border-radius: 35px !important;
            border-radius: 35px !important;
            -khtml-border-radius: 35px !important;
            max-width: 100px !important;
            position: absolute;
            top: 50%;
            right: 12px;
            font-size: 11px;
            transform: translateY(-50%);
            box-sizing: border-box;
            margin: 0 !important;
        }
        #HurricaneClassificationSearch .search_field input.hide {
            display: none;
            margin: 0 !important;
        }
#classificationResult {
    font-family: "Roboto";
}
    #classificationResult table {
        width: 96%;
        margin: 0 2%;
    }
    #classificationResult tr {
        color: #02548F;
    }
        #classificationResult tr:nth-of-type(even) {
            background-color: #E2EAF9;
        } 
         #classificationResult tr td {
             padding: 8px;
         }
            #classificationResult tr td a {
                display: inline-block;
                background-color: #fff;
                color: #02548F;
                font-size: 11px;
                border: 1px solid #296db3;
                padding: 3px 15px;
                -moz-border-radius: 35px !important;
                -webkit-border-radius: 35px !important;
                border-radius: 35px !important;
                -khtml-border-radius: 35px !important;
                text-transform: lowercase;
                text-decoration: none;
            }
                /*#classificationResult tr td a:hover {
                    background-color: #4cb138;
                    border-color: #4cb138;
                    color: #fff;
                }*/
                    #classificationResult tr td a:hover ~ td {
                        padding: 16px 8px;
                    }
#cover.overlay {

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.9);;
}
    #cover.overlay #loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -60%);

        padding: 20px;
        box-sizing: border-box;
        display: block;
    }
.cookie_disclaimer {
    position: fixed;
    z-index: 500;
    bottom: 0;
    left: 0;
    right: 0;
    transition-delay: 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    color: #fff;
    text-align: center;
    font-family: "Roboto";
    box-sizing: border-box;
    animation: 2s ease-out 0s 1 SlideInBottom;
    animation-fill-mode: forwards;
}
    .cookie_disclaimer span a {
        color: #51baf3;
    }
    .cookie_disclaimer .inner {
        display: block;
        max-width: 600px;
        width: 90%;
        margin: 0 auto;
        background-color: #001d2f;
        background-color: #000;
        padding: 25px 40px 15px;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
        .cookie_disclaimer .inner span {
            display: block;
        }
        .cookie_disclaimer strong {
            display: block;
            padding: 0 0 5px;
        }
        .cookie_disclaimer a.button {
            display: inline-block;
            left: auto;
            padding: 20px;
            margin: 10px 0 0;
            background-color: #0185cd;
            -moz-border-radius: 30px !important;
            -webkit-border-radius: 30px !important;
            border-radius: 30px !important;
            -khtml-border-radius: 30px !important;
        }
            .cookie_disclaimer a.button span {
                display: block;
                width: 100%;
                text-align: center;
                height: 100%;
                box-sizing: border-box;
                position: relative;
                top: 30%;
                font-size: 11px;

            }
            .cookie_disclaimer a.button:hover,
            .cookie_disclaimer a.button:focus {
                opacity: 0.9;
            }


.quote_rotation, 
.quote_rotation li {
    list-style-type:none;
    text-align: center;
}

.quote_rotation {
    display: block;
    height: 300px;
    position: relative;
    padding: 100px 0 ;
    box-sizing: border-box;
    width: 90%;
    max-width: 700px;
    margin: auto;
}

    .quote_rotation li {
        position: absolute;
        top: 50%;
        left: 110px;
        right: 110px;
        margin: auto;
        color: #999;
        font-size: 16px !important;
        line-height: 2em !important;
        transform: translateY(-50%);
    }

.quote_rotation:after { 
    background-image: url(../layout/icon_close_quote.png); 
    bottom: 0;
    right: 0;
}
.quote_rotation:before { 
    background-image: url(../layout/icon_open_quote.png); 
    top: 0;
    left: 0;
}
.quote_rotation:after,
.quote_rotation:before {
    display: block;
    width: 90px;
    height: 90px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90% auto;
    position: absolute;
}



@keyframes SlideInBottom {
    0% {
        bottom: -999px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes AnimateInTop {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

a.more {
    display: block;
    width: 120px;
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    text-decoration: none;
}
a.more:after {
  content: "";
  background: transparent;
  border: 2px solid white;
  border-width: 2px 2px 0 0;
  transform: rotate(135deg);
  position: absolute;
  width: 14px;
  height: 14px;
  display: block;
  left: 44%;
  box-shadow: 1px -1px #000;
}
.label_new {
    position: relative;
    padding-left: 39px;
    box-sizing: border-box;
}
.label_new:before {
    content:"";
    box-sizing: border-box;
    background-color: #33ccd6;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -khtml-border-radius: 50% !important;
    display: block;
    width: 26px;
    height: 26px;

    text-align: center;
}
.label_new:after {
    text-shadow: 2px 1px #24b8c1;
    content:"NEW";
    color: #fff;
    display: block;
    width: 10%;
    font-size: 7px;
    text-align: center;
    letter-spacing: 1px;
}
    .label_new:after,
    .label_new:before {
        position: absolute;
        top: 50%;
        left: 8px;
        transform: translateY(-50%);
    }
.tabbedInformation {
    text-align: center;
    border-top: 9px solid #296db3;
    position: relative;
    padding-top: 60px !important;
}
    .tabbedInformation .inner {
        display: block;
        box-sizing: border-box;
        position: relative;
        margin: auto;
        width: 100%;
        max-width: none !important;
    }
    
    .tabbedInformation #sectionList li {
            background-image: none !important;
            padding: 0;
            margin: 0;
            text-align: left;
            list-style-type: none;
            box-sizing: border-box;
            display: none;
        }
        .tabbedInformation #sectionList li a {
            display: block;
            color: #0185cd;
            padding: 13px 25px;
            position: relative;
            text-decoration: none;
            box-sizing: border-box;
        }
            .tabbedInformation #sectionList li a:after {
                content: "";
                width: 31px;
                height: 31px;
                display: block;
                transform: translateY(-50%) rotate(45deg) ;
                background-color: transparent;
                position: absolute;
                top: 50%;
                left: -16px;
                z-index: 0;
            }
            .tabbedInformation #sectionList li a:hover {
                background-color: #e2eaf9;
                text-decoration: none;
            }
        
            
    .tabbedInformation .information {
        box-sizing: border-box;
        max-width: none !important;
        background-color: #fff;
    }
    .tabbedInformation .ContentPage_Content {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box;
    }

.tabbedInformation a.anchor,
.tabbedInformation a#generalInfo,
.tabbedInformation a#howitworks,
.tabbedInformation a#predict,
.tabbedInformation a#tracking,
.tabbedInformation a#nonUK,
.tabbedInformation a#saturdayCollections,
.tabbedInformation a#saturdayDelivery,
.tabbedInformation a#packing,
.tabbedInformation a#upsEnvelope, 
.tabbedInformation a#driverRelease, 
.tabbedInformation a#weightRestrictions, 
.tabbedInformation a#volumetricWeight, 
.tabbedInformation a#surcharges,
.tabbedInformation a#dutiesTaxes, 
.tabbedInformation a#prohibited, 
.tabbedInformation a#xray,
.tabbedInformation a#restrictions, 
.tabbedInformation a#undeliverable, 
.tabbedInformation a#documentation {
    position: relative;
    display: block;
    width: 100%;
    clear:both;
    height: 1px;
    top: -45px;
}
.tabbedInformation a#confirmation,
.tabbedInformation a#downloads,
.tabbedInformation a#summary,
.tabbedInformation a#next,
.tabbedInformation a#tracking,
.tabbedInformation a#security,
.tabbedInformation a#contact {
    position: relative;
    display: block;
    width: 100%;
    clear:both;
    height: 1px;
    top: 0;
}

    .tabbedInformation .roboto h1.title,
    .tabbedInformation .roboto h2.title,
    .tabbedInformation .roboto h3.title,
    .tabbedInformation .roboto h4.title,
    .tabbedInformation .roboto h5.title {
        padding: 15px 0px 15px !important;
    }

    .tabbedInformation div.sectioned div {
        margin-bottom: 80px !Important;
    }
        .tabbedInformation div.sectioned div.tick {
            margin-bottom: 0px !Important;
        }
    body.order_confirmation .tabbedInformation #sectionList li.confirmation,
    body.order_confirmation .tabbedInformation #sectionList li.downloads,
    body.order_confirmation .tabbedInformation #sectionList li.summary,
    body.order_confirmation .tabbedInformation #sectionList li.next,
    body.order_confirmation .tabbedInformation #sectionList li.tracking,
    body.order_confirmation .tabbedInformation #sectionList li.security,
    body.order_confirmation .tabbedInformation #sectionList li.contact,
    body.free-cover .tabbedInformation #sectionList li.free-cover,
    body.high-value .tabbedInformation #sectionList li.high-value,
    body.standard-insurance .tabbedInformation #sectionList li.standard-insurance,
    body.claims-and-liability .tabbedInformation #sectionList li.claims,
    body.services .tabbedInformation #sectionList li.all,
    body.services.ups .tabbedInformation #sectionList li.ups,
    body.services.dpd .tabbedInformation #sectionList li.nonUK,
    body.services.dpd .tabbedInformation #sectionList li.predict,
    body.services.usps .tabbedInformation #sectionList li.tracking,
    body.services.usps .tabbedInformation #sectionList li.undeliverable,
    body.services.tnt-express .tabbedInformation #sectionList li.tnt,
    body.services.dhl-express .tabbedInformation #sectionList li.dhl,
    body.services.tg-aus-economy .tabbedInformation #sectionList li.tracking,
    body.services.tg-aus-economy .tabbedInformation #sectionList li.dutiesTaxes,
    body.services.tg-express .tabbedInformation #sectionList li.packing,
    body.services.tg-express .tabbedInformation #sectionList li.howitworks,
    body.services.tg-euro-parcel .tabbedInformation #sectionList li.predict,
    body.services.tg-euro-parcel .tabbedInformation #sectionList li.howitworks,
    body.services.tg-international .tabbedInformation #sectionList li.howitworks,
    body.services.tg-international .tabbedInformation #sectionList li.documentation,
    body.services.tg-international .tabbedInformation #sectionList li.restrictions,
    body.services.tnt-express.import .tabbedInformation #sectionList li.howitworks,
    body.services.dhl-express.import .tabbedInformation #sectionList li.howitworks,
    body.AccountSettings .tabbedInformation #sectionList li {
        display: block;
    }
    body.services.ups.access-point .tabbedInformation #sectionList,
    body.services.dpd.import .tabbedInformation #sectionList li.nonUK,
    body.services.ups.import .tabbedInformation #sectionList li.ups.xray,
    body.services.dpd .tabbedInformation #sectionList li.volumetricWeight,
    body.services.usps .tabbedInformation #sectionList li.volumetricWeight,
    body.services.ups.import .tabbedInformation #sectionList li.ups.upsEnvelope,
    body.services.tg-euro-parcel .tabbedInformation #sectionList li.surcharges,
    body.services.tg-air-economy .tabbedInformation #sectionList li.volumetricWeight,
    body.services.tg-euro-parcel .tabbedInformation #sectionList li.volumetricWeight,
    body.services.dhl-express.import .tabbedInformation #sectionList li.saturdayDelivery,
    body.services.dhl-express.import .tabbedInformation #sectionList li.saturdayCollections {
        display: none;
    }


#SiteUpdateNotifications {
    border-top-color: #24b8c1;
    border-top-width: 8px;
}

#SiteUpdateNotifications a.button_blue {
    background-color: #24b8c1;

}

.timeline,
.timeline li,
.detailed_timeline,
.detailed_timeline li{
    list-style-type: none;
    font-family: "Roboto";
    box-sizing: border-box;
}
    .timeline {
        padding-bottom: !important;
    }
    .timeline li {
        padding: 14px 10px;
        text-align: left;
    }
        .timeline li:nth-last-of-type(odd) {
            background-color: #f6f9fc;
        }
        .timeline li p,
        .timeline li h5,
        .detailed_timeline li p,
        .detailed_timeline li h5 {
            width: 100%;
            margin: 0;
            padding: 0 0 0 70px !important;
            font-size: 13px;
            color: #668dad !important;
            box-sizing: border-box;
        }
        .timeline li h5 {
            color: #355681 !important;
            font-weight: 800 !important;
        }
        .timeline li div.date,
        .detailed_timeline li div.date {
            display: block;
            position: absolute !important;
            background-color: #24b8c1;
            width: 50px;
            color: #fff;
            text-align: center;
            padding: 10px 0;
            line-height: 16px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            -khtml-border-radius: 4px;
            text-transform: uppercase;
            font-size: 11px;
        }
            
            .timeline li div.date strong,
            .detailed_timeline li div.date strong {
                display: block;
                font-size: 17px;
            }
            .detailed_timeline li div.date {
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                -khtml-border-radius: 50%;
                width: 80px;
                padding: 24px 0;
                top: 0;
            }
    .timeline li.coming_soon div.date {
        background-color: #fff;
        border: 2px solid #24b8c1;
        color: #24b8c1;
    }
    .timeline li.coming_soon h5:before {
        background-color: #24b8c1;
        color: #fff;
        font-size: 9px;
        text-transform: uppercase;
        padding: 2px 8px;
        margin-right: 6px;
        font-weight: 500 !important;
    }
    .timeline li.coming_soon div.date strong {
        font-size: 12px;
    }
    .detailed_timeline,
    .detailed_timeline li {
        display: block;
        text-align: center;
        width: 100%;
        margin: 0 0 20px;
        clear: both;
        position: relative;
    }
        .detailed_timeline {
            padding: 60px 20px 60px;
        }
            .detailed_timeline:after {
                display: block;
                width: 40px;
                color: #24b8c1;
                padding: 3px 10px;
                border: 2px solid #24b8c1;
                background-color: #f6f9fc;
                position: absolute;
                left: 50%;
                bottom: 0;
                font-size: 14px;
                transform: translateX(-50%);
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                -khtml-border-radius: 4px;
            }
                #Yr2021.detailed_timeline:after { content: "2021"; }
                #Yr2022.detailed_timeline:after { content: "2022"; }
                #Yr2023.detailed_timeline:after { content: "2023"; }
                #Yr2024.detailed_timeline:after { content: "2024"; }
                #Yr2025.detailed_timeline:after { content: "2025"; }
                #Yr2026.detailed_timeline:after { content: "2026"; }
                #Yr2027.detailed_timeline:after { content: "2027"; }
                #Yr2028.detailed_timeline:after { content: "2028"; }
                #Yr2029.detailed_timeline:after { content: "2029"; }
                #Yr2030.detailed_timeline:after { content: "2030"; }

    
        .detailed_timeline:before {
            content: "";
            display: block;
            position: absolute;
            left: 50%;
            top: -18px;
            bottom: 0;
            border: 0;
            width: 2px;
            transform: translateX(-1px);
            border-left: 2px dashed #24b8c1;
        }
            .detailed_timeline:first-of-type li:first-of-type:before {
                display: block;
                position:absolute;
                content: "";
                width: 0;
                height: 0;
                top: -80px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #24b8c1;
            }
            .detailed_timeline li div.container h5 {
                font-size: 16px !important;
            }
        .detailed_timeline li div.container {
            border: none;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            display: block !important;
            text-align: left;
            position: relative;
            box-sizing: border-box;
        }
            .detailed_timeline li div.container:before {
                content: "";
                display: block;
                height: 2px;
                border-top: 2px dashed #24b8c1;
                position: absolute;
                width: 90px;
                top: 42px;
                z-index: -1;
            }
            .detailed_timeline li:nth-of-type(even) div.container:before {
                left: 0;
            }
            .detailed_timeline li:nth-of-type(odd) div.container:before {
                right: 0;
            }
            .detailed_timeline li div.container:after {
                display: block;
                content: "";
                position: absolute;
                background-color: #24b8c1;
                width: 20px;
                height: 20px;
                color: #fff;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                -khtml-border-radius: 50%;
                top: 32px;
                z-index: -1;
            }
            .detailed_timeline li:nth-of-type(even) div.container:after {
                left: 0;
                transform: translateX(-50%);
            }

            .detailed_timeline li:nth-of-type(odd) div.container:after {
                right: 0;
                transform: translateX(50%);
            }
        .detailed_timeline li:nth-of-type(even) div.container {
            float: right;
            width: 50%;
            padding-left: 100px;
        }
        .detailed_timeline li:nth-of-type(odd) div.container {
            float: left;
            width: 50%;
            padding-right: 100px;
        }
            .detailed_timeline li:nth-of-type(odd) div.container h5,
            .detailed_timeline li:nth-of-type(odd) div.container p {
                text-align: right;
                width: 100% !important;
            }
        .detailed_timeline li:nth-of-type(odd) div.date {
            left: 50%;
            transform: translateX(-50%);
        }
        .detailed_timeline li:nth-of-type(even) div.date {
            right: 50%;
            transform: translateX(50%);
        }
        .detailed_timeline li p,
        .detailed_timeline li h5 {
            margin: 0 !important;
            padding: 0 0 8px !important;
            box-sizing: border-box;
            position: relative;
            top: 20px;
/*            background-color: #fff;*/
        }
div.overlap {
    position: relative;
    z-index: 5000;
    overflow-x: hidden;
}
.services_menu,
.services_menu ul {
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    font-size: 0;
}
.services_menu {
    /*width: 70%;*/
    transform: translateY(-100%);
    position: relative;
    top: -1px;
}
    .services_menu li {
        display: none;
        padding :0;
        margin: 0;
        position: relative;
        top: 1px;
        left:-1px;
    }
    .services_menu li a {
        display: block;
        padding: 8px 16px;
        background-color: #e2eaf9;
        border: 1px solid #bac9e5;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        text-decoration: none;
        font-size: 13px;
        color: #0185cd;
        color: #004a8a;
    }
        .services_menu li a:hover {
            background-color: #edf2fc;
            border-color: #cbd7ed;   

        }
        .services_menu li b {
            display: block;
            color: #004a8a !important;
        }
body.free-cover .services_menu li.free a,
body.standard-insurance .services_menu li.standard a,
body.claims-and-liability .services_menu li.claims a,
body.high-value .services_menu li.high-value a,
body.AccountSettings .services_menu li a,
body.services.usps .services_menu li.usps a,
body.services.dpd .services_menu li.dpd.export a,
body.services.dpd.import .services_menu li.dpd.import a,
body.services.tnt-express.import .services_menu li.tnt.import a,
body.services.tnt-express .services_menu li.tnt.export a,
body.services.dhl-express .services_menu li.dhl.export a,
body.services.dhl-express.import .services_menu li.dhl.import a,
body.services.ups .services_menu li.ups.export a,
body.services.ups.import .services_menu li.ups.import a,
body.services.ups.access-point .services_menu li.ups.access a,
body.services.tg-express .services_menu li.tg.express a,
body.services.tg-air-economy .services_menu li.tg.air.economy a,
body.services.tg-euro-parcel .services_menu li.tg.euro.parcel a,
body.services.tg-international .services_menu li.tg.international a,
body.services.tg-aus-economy .services_menu li.tg.australasia a {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
body.free-cover .services_menu li.high-value a,
body.free-cover .services_menu li.standard a,
body.standard-insurance .services_menu li.high-value a,
body.standard-insurance .services_menu li.free a,
body.high-value .services_menu li.standard a,
body.high-value .services_menu li.free a,
body.services.dpd.import .services_menu li.dpd.export a,
body.services.tnt-express.import .services_menu li.tnt.export a,
body.services.dhl-express.import .services_menu li.dhl.export a,
body.services.ups.import .services_menu li.ups.export a,
body.services.ups.access-point .services_menu li.ups.export a {
    background-color: #e2eaf9;
    border: 1px solid #bac9e5;
}

body.services .services_menu li.menu a {
    text-indent: -9999px;
    width: 42px;
    box-sizing: border-box;
}
    body.services .services_menu li.menu a:before {
        content: "";
        border-top: 2px solid #879cb1;
        border-bottom: 2px solid #879cb1;
        width: 40%;
        height: 12px;
        position: absolute;
        left: 30%;
        right: 30%;
        top: 55%;
        bottom: 0;
        box-sizing: border-box;
        transform: translateY(-50%);
        display: block
    }
    body.services .services_menu li.menu a:after {
        content: "";
        background-color: #879cb1;
        width: 40%;
        height: 2px;
        position: absolute;
        top: 55%;
        left: 30%;
        right: 30%;
        box-sizing: border-box;
        transform: translateY(-50%);
        display: block;
    }
td.PackageDetailsTable_Options {
    position: relative;
}
.clear_address a {
    position: relative;
    top: -20px;
}
.Settings_List {
    display: block;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    background-image: url(../layout/menu_icon.png);
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    top: 18px;
    right: 10px;
    padding: 2px 10px 0 0;
}

    .Settings_List li {
        display: none;
        position: relative;
        z-index: 1;
        text-align: right;
    }
        .Settings_List li a.copy_to_next,
        .Settings_List li a.copy_to_all {
            border-bottom: 1px solid #fff;
        }
    .Settings_List li {
        transform: translateX(-100%);
        min-width: 150px;
        background: #296db3;
    }
        body.DE .Settings_List li {
            min-width: 250px;
        }
    .Settings_List:hover li
    {
        display: block;
    }       
    .Settings_List:hover:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        background-color: #296db3;
        position: absolute;
        top: 4px;
        left: -4px;
        transform: rotate( 45deg);
    }
        .Settings_List li a {
            
            color: #fff;
            width: 100%;
            display: block;
            background-repeat: no-repeat;
            background-position: 98% center;
            padding: 5px 25px 5px 5px;
            box-sizing: border-box;
            background-size: 23px auto;
            text-decoration: none;
        }
            .Settings_List li:hover {
                background: linear-gradient(to left, #296db3, #154d87);
            }

            .Settings_List li a.delete {
                background-image: url(../layout/icon_remove.png);
            }
            .Settings_List li a.copy_to_all {
                background-image: url(../layout/arrow-copyall-white.png);
                background-position: 98% center;
            }
            .Settings_List li a.copy_to_next {
                background-image: url(../layout/arrow-copydown-white.png);
                background-position: 98% center;
            }


            
    .search_filter {
        display: block;
        margin-bottom: 20px;
        background-color: #4d648a;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -khtml-border-radius: 8px;
        font-family: "Roboto";
        -webkit-transition: all 1.2s;
        -moz-transition: all 1.2s;
        -o-transition: all 1.2s;
        transition: all 1.2s;
    }
    .search_filter.fixed {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        position: fixed;
        z-index: 1000;
        -webkit-transition: all 1.2s;
        -moz-transition: all 1.2s;
        -o-transition: all 1.2s;
        transition: all 1.2s;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -khtml-border-radius: 0px;
        animation: AnimateFixed 1.8s ease-in forwards;
    }
        .search_filter.fixed .pagination {
            display: none;
        }
        .search_filter.fixed .search {
            padding: 10px 20px !important;
        }
        .search_filter.fixed .search_input input {
            padding: 7px 7px 7px 35px
        }
    @keyframes AnimateFixed {
        0% {
            transform: translateY(-300px);
        }

        50% {
            transform: translateY(-150px);
        }

        100% {
            transform: none;
        }
    }
#GlossaryList,
#GlossaryList li {
    list-style-type: none;
    text-align: left;
    color: #355681
}
    #GlossaryList {
        padding: 20px;
    }
        #GlossaryList li {
            border-bottom: 1px solid #355681;
            padding: 20px 0;
            font-family: "Roboto";
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            line-height: 1.9em;
        }
            #GlossaryList li:hover {
               
                padding: 8vh 0;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                cursor: help;
            }
    #GlossaryList li strong {
        width: auto;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
        #GlossaryList li strong.keyword {
            font-size: 14px;
        }
            /*#GlossaryList li:hover strong {
                display: block;
                width: 100%;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
            }*/
#GlossaryList-nav a {
    font-family: "Roboto";
}

#GlossaryList-nav a {
    border-color: #355681;
}
#GlossaryList-nav .ln-letters a {
    color: #355681;
    font-weight: bold;
}
#GlossaryList-nav .ln-letters .ln-disabled {
    color: #c2d1ee;
    font-weight: normal;
}
#GlossaryList-nav .ln-letters .ln-selected {
    background-color: #42d15a;
    color: #fff !important;
}
#GlossaryList-nav.disable {
    opacity: 0.5;
    position: relative;
}
    #GlossaryList-nav.disable .ln-letters .ln-selected {
        color: #355681 !important;
        background-color: #fff;
    }
#GlossaryList-nav.disable:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
}
#GlossaryList-nav.disable a {
    cursor: default;
}
.ExpandOptionsButtonContainer {
    display: block;
    box-sizing:border-box;
    text-align: right;
    padding: 5px 40px;
}
a#ExpandSearchOptions {
    color: #fff;
    font-family: "Roboto";
}

a#ExpandSearchOptions:before {
    content: ">";
    display: inline-block;
    left: -5px;
    position: relative;
}
    a.active#ExpandSearchOptions:before {
        transform: rotate(-90deg);
    }
table.carrier-results {
    font-family: "Roboto" !important;
    max-width: 1150px;
    margin: auto;
}

    table.carrier-results th {
        color: #fff !important;
        background-color: #386eb1;
        font-weight: 500;
    }
    table.carrier-results th,
    table.carrier-results td {
        padding: 12px;
    }
        table.carrier-results tbody td,
        table.carrier-results .service-container:nth-of-type(even) {
            background-color: transparent !important;
            border-bottom: 1px dashed #386eb1;
            color: #355681;
        }

        table.carrier-results td span.service-name {
            font-style: normal;
            font-weight: 800;
            font-family: "Roboto" !important;
        }

        table.carrier-results td img {
            max-width: 60px;
        }
div.carrier-view-all-remote-list {
    display: block;
    max-width: 950px;
    margin: auto;
    text-align: center;
    padding: 10px 0 20px;
}
div.carrier-view-all-remote-list a {
    width: 9%;
    display: inline-block;
    margin: 0 0.5%;
    opacity: 0.7;
}
    div.carrier-view-all-remote-list a:hover {
        opacity: 1;
    }
    div.carrier-view-all-remote-list a img {
        width: 100%;
        max-width: 80px;
        height: auto;
    }
.filter-container {
    position: relative;
    display: block;
    clear: both;
    height: 120px;
}
.filter {
    display: block;
    padding: 20px 0;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
    .filter.blue {
        background-color: #01619e;
        padding: 2vh 0 !important;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-top: 3px solid #fff;
        z-index: 10;
    }
            .filter.fixed {
                top: 0px;
                 position: fixed;
                left: 0;
                right: 0;
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
            }
        .filter.blue:hover,
        .filter.blue:active,
        .filter.blue:focus {
            padding: 5vh 0 !important;
        }
        .filter.blue a {
            color: #fff !important;
            text-decoration: underline !important;
        }
    .filter div {
        width: 90%;
        max-width: 850px;
        display: block;
        margin: auto;
        text-align: center;
    }
    .filter label {
        color: #fff;
        font-weight: bold;
        font-family: "Roboto";
    }
    .filter input[type="text"] {
        padding: 10px 20px;
        border: 1px solid #355681;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -khtml-border-radius: 20px;
        width: 50%;
        max-width: 300px;
        text-align: center;
        box-sizing: border-box;
        background-image: url('../layout/icon-magnify-search-small.png');
        background-repeat: no-repeat;
        background-position: 96% center;
        margin-bottom: 5px;
    }
.tracking_banner {
    display: table;
    width: 100%;
    text-align: left;
    padding: 24px 24px 24px 60px;
    margin: 0 0 20px;
    background-image: url(../layout/brands/logo-dx.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 12px center;
    border: 3px solid #E2EAF9;
    box-sizing: border-box;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    color: #668dad !important;
    position: relative;
    vertical-align: middle;
}
    .tracking_banner span {
        display: table-cell;
        vertical-align: middle;
        padding: 0 15px;
    }
    .tracking_banner a {
        background-color: #004a8a;
        color: #fff;
        display: table-cell;
        padding: 10px 18px 9px;
        font-size: 11px;
        text-decoration: none;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -khtml-border-radius: 20px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        vertical-align: middle;
    }
    .tracking_banner .tracking_ref_number {
        display: table-cell;
        font-size: 12px;
        vertical-align: middle;
    }
        .tracking_banner .tracking_ref_number b {
            display: block;
            font-size: 14px;
        }
    .tracking_banner a:hover {
        color: #fff;
        text-decoration: none;
        opacity: 0.8;
    }
.search_filter .hide_orders {
    background-color: #33496e;
    padding: 5px 0;
}
    .search_filter .hide_orders .inner {
        text-align: right;
    }
    .search_filter .hide_orders label {
        color: #fff;
    }
    .search_filter .hide_orders button.button_white {
        border: none !important;
        padding: 6px 14px !important;
        color: #33496e !important;
        margin-left: 20px;
    }
        .search_filter .hide_orders button.button_white.red {
            color: #c8040c !important;
        }
.search_filter .country_filter {
    background-color: transparent;
    box-sizing: border-box;
    text-align: left;
    float: left;
}
.search_filter .search,
.search_filter .country_filter {
    padding: 20px 0px 0px !important;
    background-color: transparent;
    box-sizing: border-box;
    text-align: right;
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    }
    .search_filter .search {
        float: left;
    }
.search_filter button.link {
    background-color: transparent !important;
    color: #fff !important;
    font-size: 13px !important;
    padding: 5px !important;
    min-width: unset;
    cursor: pointer;
}
.search_filter .inner {
    max-width: 750px
}
.search_filter form {
    box-sizing: border-box;
    width: auto;
}
    .country_filter select,
    .search_filter .search_input {
        display: inline-block;
        width: 100%;
        text-align: left;
        border: none;
        box-sizing: border-box;
        border-right: 4px solid #4d648a;
        background-repeat: no-repeat;
        background-position: 8px center;
        background-size: 21px;
        background-image: url(../layout/icon_search_magnify.png);
        background-color: #fff;
        /*-moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -khtml-border-radius: 50px;
        border-radius: 50px;*/
        padding: 0 4px !important;
        position: relative;
    }
        .country_filter label {
            position: absolute;
            color: #535e75;
            z-index: 1;
            display: inline-block;
            padding: 0 0 0 15px;
            font-size: 11px;
            display: none;
        }
        .country_filter select {
            padding: 12px 35px 12px 25px !important;
            background-position: 98% center;
            background-size: auto;
            background-image: url(../layout/bg-icon-input-select.png);

        }
        .search_filter .search_input button {
            padding: 7px 15px !important;
            background-color: #4d648a;
        }
        .search_filter .search_input .button_blue {
            position: absolute;
            right: 5px;
            top: 5px;
        }
        .search_filter .search_input input {
            background-color: transparent;
            outline: none;
            border: none;
            padding: 12px 14px 12px 35px;
            width: 100%;
            box-sizing: border-box;
        }
        .search_filter .button_container {
            display: block;
            text-align: right;
            padding: 0 0 16px 0;
            position: relative;
            top: 8px;
            clear: both;
        }
        .search_filter .button_container a {
            float: right;
        }
    .search_filter div.pagination {
        border-bottom: none !important;
        float: left;
        box-sizing: border-box;
        margin: 28px 0 0 20px;
    }
        .search_filter div.pagination a {
            padding: 4px 10px;
            background-color: transparent !important;
            border: 1px solid #cad2e4;
            color: #cad2e4 !important;
        }
        .search_filter div.pagination a.pagesTabs.activePage {
            border: 1px solid #313d56 !important;
            background-color: #fff !important;
            color: #4d648a !important;
        }
.imported_orders .search_results {
    display: block;
    padding: 0 0 20px 0;
    color: #535e75;
    text-align: right;
}
.icon_help_link {
    display: inline-block;
    text-decoration: none !important;
    margin-left: 10px;
    position: relative;
    z-index: 200;
    float: right;
    top: -5px;
}
    .icon_help_link span {
        display: block;
        text-decoration: none;
        font-size: 13px;
        position: absolute;
        white-space: nowrap;
        right: 35px;
        top: 0;
        padding: 5px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -khtml-border-radius: 5px;
    }
/*    .icon_help_link:after {
        content: "";
        width: 8px;
        height: 8px;
        position: absolute;
        background-color: #000;
        left: 29px;
        top: 50%;
        transform: rotate(45deg) translateY(-10%);
    }*/
    .icon_help_link:before {
        content: "?";
        text-align: center;
        background: #fff;
        color: #0f4c8a;
        width: 25px;
        padding: 3px 0;
        display: block;
        text-shadow: none;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -khtml-border-radius: 20px;
        text-decoration: none;
        box-shadow: 1px 1px 1px 1px #000;
        position: absolute;
        right: 10px;
    } 
div.pagination {
    display: block;
    position: relative;
    border-bottom: 3px solid #fff;
}
    div.pagination a {
        display: inline-block;
        font-size: 14px;
        color: #02548F;
        padding: 8px 15px;
        background-color:#02548F !important;
        border: none;
        position: relative;
    }
        div.pagination a span {
        display: block;
        position: relative;
        padding: 0;
            }
    div.pagination a#PrevButton {
        left: 0;
        border-left: none;
        -webkit-border-bottom-right-radius: 25px;
        -webkit-border-top-right-radius: 25px;
        -moz-border-radius-bottomright: 25px;
        -moz-border-radius-topright: 25px;
        border-bottom-right-radius: 25px;
        border-bottom-right-radius: 25px; 
    }
        div.pagination a#PrevButton span {
            padding-left: 20px;
        }
        div.pagination a#PrevButton span:before {
            position: absolute;
            left: 5px;
            top: 50%;
            transform: translateY(-50%);
        }
    div.pagination a#NextButton {
        right: 0;
        border-right:none;
        -webkit-border-bottom-left-radius: 25px;
        -webkit-border-top-left-radius: 25px;
        -moz-border-radius-bottomleft: 25px;
        -moz-border-radius-topleft: 25px;
        border-bottom-left-radius: 25px;
        border-bottom-left-radius: 25px; 
    }
        div.pagination a#NextButton span {
            padding-right: 20px;
        }
        div.pagination a#NextButton span:before {
            position: absolute;
            right: 5px;
            left: initial;
            top: 50%;
            transform: translateY(-50%);
        }
.loading_container {
    display: block;
    min-height: 400px;
    position: relative;
}
.loader {
    display: block;
    text-align: center; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
       
    
}
.loader span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 50px auto;
    background: black;
    border-radius: 50px;
    -webkit-animation: loader 0.9s infinite alternate;
    -moz-animation: loader 0.9s infinite alternate;
}
.loader span:nth-of-type(2) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}
.loader span:nth-of-type(3) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
@-webkit-keyframes loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -webkit-transform: translateY(-21px);
  }
}
@-moz-keyframes loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -moz-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -moz-transform: translateY(-21px);
  }
}
.error_message {
    color: #EC121B;
    padding-bottom: 10px;
}
    .error_message:before {
        content: "!";
        font-size: 11px;
        color: #EC121B;
        border: 1px solid #EC121B;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        padding: 0 6px;
        text-align: center;
        margin-right: 8px;
    }
body.business-courier-services .content-page h2,
body.business-courier-services .content-page h3,
body.business-courier-services .content-page h4,
body.business-courier-services .content-page h5 {
    text-align: left !important;
    width: 95% !important;
    max-width: 1150px !important;
    margin: 40px auto 10px !important;

}
#CurrenceySelector, #BoxCopyConfirmation {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 280px;
    transform: translate(-50%, -50%);
    z-index: 3001;
    padding: 20px;
    box-sizing: border-box;
    border: 3px solid #355681;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    top: 2000px;
    opacity: 0;
    text-align: center;
}
    #CurrenceySelector.active, #BoxCopyConfirmation.active {
        top: 40%;
        opacity: 1;
    }
    #CurrenceySelector label, #BoxCopyConfirmation label {
        float: left;
    }
    #CurrenceySelector select, #BoxCopyConfirmation select {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    #CurrenceySelector .button_blue, #BoxCopyConfirmation .button_blue {
        font-size: 12px !important;
    }
.pl_overlay.active {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 499;
    padding: 25vh 0 0;
    text-align: center;
    box-sizing: border-box;
    background: rgba(255,255,255,0.85);
    transform: none;
}
.data_tables {
    display: block;
    box-sizing: border-box;
    font-family: "Roboto";
    text-align: center;
}
    .data_tables section {
        padding: 20px 0 30px;
    }
        .data_tables section .address_block {
            float: left;
            width: 25%;
            box-sizing: border-box;
            text-align: left;
            padding: 0 15px;
            color: #355681;
            line-height: 1.8em;
        }
            .data_tables section .address_block.col_2,
            .data_tables section .address_block.col_3 {
                width: 33%;
                margin-right: 7%;
            }
            .data_tables .address_block address {
                display: block;
                font-size: 12px;
                padding: 0 0 10px 0;
                box-sizing: border-box;
                min-height: 80px;
            }
            .data_tables .address_block div.email,
            .data_tables .address_block div.telephone {
                display: block;
                margin: 0 0 5px;
                padding: 0 0 0 25px;
                background-repeat: no-repeat;
                background-position: -5px center;
                background-size: 25px;
            }
                .data_tables .address_block div.email {background-image: url(../layout/icon_email.png); margin-bottom: 10px; }
                .data_tables .address_block div.telephone {background-image: url(../layout/icon_phone.png); }
    .data_tables h2 {
        background-color: #296db3;
        color: #fff !important;
        padding: 12px 25px !important;
        margin: 0 0 20px !important;
        font-size: 15px !important;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        font-family: "Roboto" !important;
    }
    .data_tables h2 i {
        font-style: normal;
        font-size: 12px;
    }
    .data_tables h3 {
        display: block;
        font-size: 13px !important;
        font-weight: bold !important;
        color: #355681 !important;
        padding: 5px 0 !important;
        margin: 0 0 10px !important;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        border-bottom: 1px solid #355681;
    }
    .data_tables p {
        color: #355681;
    }
        .data_tables p.info {
            background-image: url(../layout/icon_info.png);
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 23px;
        } 
    .data_tables table {
        width: 96%;
        margin: 0 2%;
    }
        .data_tables table td,
        .data_tables table th {
            text-align: left;
            padding: 10px !important;
            color: #355681;
        }
        .data_tables table td.right,
        .data_tables table th.right {
            text-align: right;
        }
        .data_tables table tr {
            border-bottom: 1px solid #355681;
        }
        .data_tables table td.StockCode {
            max-width: 120px;
        }
            .data_tables table td.StockCode a,
            .data_tables table td.StockCode a.link {
                display: block;
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .data_tables table td a.magnify {
                display: inline-block;
                padding: 3px 25px 3px 0 !important;
                background-position: right center;
                background-repeat: no-repeat;
                background-size: 17px 17px;
                background-image: url(../layout/icon_search_magnify.png);
            }

        .data_tables #QuoteSummary table td img {
            max-width: 70px;
        }
    .data_tables #CustomsSummary #ConsignmentInfo {
        display: block;
        width: 61%;
        margin-right: 1%;
        float: left;
    }
        .data_tables #CustomsSummary #ConsignmentInfo h3 {
            width: 96% !important;
            margin: 20px 2% 0 !important;
            border-bottom: none;
            padding-left: 10px !important;
        }
        .data_tables #CustomsSummary #ConsignmentInfo .box_info {
            margin-bottom: 40px;
        }
        .banner.media .form_content table {
            width: 100%;
            font-family: "Roboto";
            font-size: 13px;
            min-width: 290px;
        }
.data_tables .data_block {
    display: block;
    text-align: left;
    box-sizing: border-box;
    padding: 15px 20px;
    color: #355681;
}
.data_tables .data_block .data_row {
    display: block;
    box-sizing: border-box;
    padding: 8px 0;
    clear: both;
}
    .data_tables .data_block .data_row.declaration {
        background-color: #dae4ea;
        padding: 10px 20px 20px;
        margin-top: 40px;
        clear: both;
    }
        .data_tables .data_block .data_row.declaration span {
            display: block;
            float: none;
            width: 100%;
            position: relative;
        }
        .data_tables .data_block .data_row.declaration span label {
            display: block;
            width: 100%;
            box-sizing: border-box;
            float: none;
            position: relative;
            border: 1px solid #d9e4eb;
            background: #eef3f6;
            padding: 10px 10px 10px 34px;
            border-left: 5px solid #eef3f6;
            font-weight: 900;
        }
            .data_tables .data_block .data_row.declaration span input[type=checkbox]:checked + label,
            .data_tables .data_block .data_row.declaration span input[type=checkbox]:checked + label {
                background-color: #fff;
                border-color: #fff;
            }
            .data_tables .data_block .data_row.declaration span input[type=checkbox] {
                width: 20px;
                height: 20px;
                position: absolute;
                left: 10px;
                top: 50%;
                transform: translateY(-50%);
                z-index: 1;
                border: 1PX solid #becce5;
            }
        .data_tables .data_block .data_row.declaration li.radio_option_group {
            margin: 5px 0;
            display: block;
            padding: 1px 0;
            border-bottom: none;
        }
            .data_tables .data_block .data_row.declaration li.radio_option_group label {
                display: block !important;
                color: #355681 !important;
                background: #eef3f6;
                padding: 10px 10px 10px 30px;
                border-left: 5px solid #eef3f6;
                box-sizing: border-box;
                font-weight: bold;
                position: relative;
            }
            .data_tables .data_block .data_row.declaration li.radio_option_group input:checked + label,
            .data_tables .data_block .data_row.declaration li.radio_option_group input:checked ~ label {
                background: #fff;
                border-left-color: #fff;
                color: #09a80e !important;
            }
            .data_tables .data_block .data_row.declaration li.radio_option_group .radio_optio_group_option {
                display: block;
                background-color: #fff;
                padding: 0 5px 5px;
            }
            .data_tables .data_block .data_row.declaration li.radio_option_group select,
            .data_tables .data_block .data_row.declaration li.radio_option_group input[type="text"] {
                display: block;
                width: 100%;
                border-color: #b9c6ce;
                box-sizing: border-box;
            }
            .data_tables .data_block .data_row.declaration li.radio_option_group input[type="text"] {
                border: 5px solid #dae4ea;
            }
                .data_tables .data_block .data_row.declaration li.radio_option_group input[type="text"] {

                }
            .data_tables .data_block .data_row.declaration li.radio_option_group span {
                padding: 5px 5px 5px 30px;
                color: #355681;
                background: #eef3f6;
                margin-bottom: 3px;
            }
            .data_tables .data_block .data_row.declaration li.radio_option_group strong {
                float: right;
                width: 60%;
                display: inline;
            }
            .data_tables .data_block .data_row.declaration li.radio_option_group p {
                display: block;
                white-space: normal;
                width: 100%;
                font-size: 12px;
                padding: 0 20px 12px 30px;
                box-sizing: border-box;
            }
            .data_tables .data_block .data_row.declaration li.radio_option_group.type_UPS_Import  {
                display: none !important;
            }
            /*
            .data_tables .data_block .data_row.declaration li.radio_option_group.type_UPS_Import #ImportDutiesTaxesStatement label,
            .data_tables .data_block .data_row.declaration li.radio_option_group.type_UPS_Import #ImportDutiesTaxesStatement input,
            .data_tables .data_block .data_row.declaration li.radio_option_group.type_UPS_Import #ImportDutiesTaxesStatement .radio_optio_group_option {
                display: block !important;
            }*/
        .data_tables .data_block .data_row span,
        .data_tables .data_block .data_row strong {
            display: block;
            width: 50%;
            float: left;
            box-sizing: border-box;
        }
.data_tables select,
.data_tables input[type="text"],
.data_tables input[type="number"] {
    border: 1px solid #355681;
    padding: 5px 10px;
}
.data_tables .box_dimensions {
    display: block;
    padding: 18px 0 8px 10px;
    text-align: left;
    width: 96%;
    margin: 0 2%;
    color: #355681
}
.data_tables .box_dimensions span {
    display: inline-block;
    padding: 0 5px 0 0;
    font-size: 11px;
}
.data_tables .box_dimensions span strong {
    display: inline;
}
.content-page.sidebar {
    position: relative;
    max-width: 3000px;
    padding: 0;
    text-align: left;
    width: auto;
    box-sizing: border-box;
    padding-right:34%;
}
    .content-page.sidebar .center-column {
        margin: auto;
        max-width: 980px;
        margin-right: 0;
        width: 90%;
    }
    .content-page.sidebar #CustomsDeclaration {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 33%;
    }
        .content-page.sidebar #CustomsDeclaration.fixed {
            position: fixed;
            top: 0;
            overflow-y: scroll;
        }
    .content-page.sidebar .data_tables .data_block .data_row.declaration {
        max-width: 800px;
    }
    .content-page.sidebar .data_tables #CustomsSummary #ConsignmentInfo {
        width: 100%;
        float: none;
    }
    .content-page.sidebar h1 {
        text-align: left;
        width: 100% !important;
        margin: 0 !important;
        top: 20px;
        position: relative;
    }


    #StockManagement ul.tabbed_menu {
        padding: 0 !important;
    }
#StockManagement .data_tables td select,
#StockManagement .data_tables td input[type="text"],
#StockManagement .data_tables td input[type="number"] {
    width: 95%;
}
.data_tables #CustomsDeclaration {
    display: block;
    width: 38%;
    padding: 10px;
    box-sizing: border-box;
    background-color: #eef3f6;
    float: left;
}
.data_tables .data_submit {
    display: block;
    padding: 10px;
    box-sizing: border-box;
    text-align: right;
    width: 96%;
    margin: 0 2%;
    color: #355681;
}

#CustomsDeclaration .form_options li.radio_option {
    text-align: right;
    padding: 6px 0 0 30px !important;
    clear: both;
    margin: 0 0 29px;
    border: none;
}
    #CustomsDeclaration .form_options li.radio_option span.label {
        width: 100% !important;
        display: block;
        text-align: left;
        padding: 0 0 5px;
        font-weight: bold;
        color: #355681;
    }
.form_options li.radio_option_group label {
    padding-left: 30px;
}
#CustomsDeclaration .form_options li.statement_of-origin {
    background-size: 25px;
    background-position: left 3px;
}
#CustomsDeclaration .button_container {
    text-align: right;
    padding-top: 20px;
}
#CustomsDeclaration a.checkout {
    padding-left: 40px !important;
}
#CustomsDeclaration .form_options li.radio_option a.help {
    float: left;
}
#HelpPopup_Container {
    display: none;
}
    #HelpPopup_Container.active {
        display: block;
    }
    #HelpPopup_Container .HelpPopup_Info {
        opacity: 0;
    }
    #HelpPopup_Container.active .HelpPopup_Info {
        opacity: 1;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        box-sizing: border-box;
        z-index: 201;
        padding: 5px;
        border: 5px solid #004a8a;
        -moz-border-radius: 16px !important;
        -webkit-border-radius: 16px !important;
        border-radius: 16px !important;
        -khtml-border-radius: 16px !important;
    }
        #HelpPopup_Container.active:before {
            content: "";
            background: rgba(255,255,255,0.8);
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: 200;
        }
        #HelpPopup_Container.active i,
        #HelpPopup_Container.active b {
            color: #004a8a !important;
            display: block;
            font-style: normal;
            padding: 0 0 8px 0;
            text-align: left;
        }
            #HelpPopup_Container.active b {
                font-family: "Roboto" !important;
                font-weight: 500 !important;
                font-size: 14px;
                color: #0185cd !important;
            }
            #HelpPopup_Container.active i:last-of-type {
                margin-bottom: 20px;
            }
    #HelpPopup_Container.active a {
        position: relative;
        z-index: 202;
    }
    #HelpPopup_Container.active .content {
        display: block;
        padding: 30px 30px;
        position: relative;
        background-repeat: no-repeat;
        background-position: 95% 5px;
        font-family: "Roboto";
        max-width: 600px;
        cursor: help;
        text-align: center;
    }
    #HelpPopup_Container.active .closer {
        background-color: #296db3;
        color: #fff;
        padding: 8px 24px;
        font-size: 11px;
        min-width: 150px;
        text-align: center;
        -moz-border-radius: 16px !important;
        -webkit-border-radius: 16px !important;
        border-radius: 16px !important;
        -khtml-border-radius: 16px !important;
        cursor: pointer;
    }
            #HelpPopup_Container.active .closer:before {
                content: "X";
                position: absolute;
                top: 5px;
                right: 10px;
                font-size: 20px;
                transform: scaleY(70%);
                cursor: pointer;
                color: #004a8a;
            }
.box .confirmation-notice {
    box-sizing: border-box;
    padding: 15px 0 35px;
    margin: 0 0;
    border-bottom: 1px dashed #004a8a;
}
    .box .confirmation-notice h5,
    .box .confirmation-notice p {
        padding: 5px 20px !important;
        width: 100% !important;
        font-family: "Roboto" !important;
        font-weight: 500 !important;
        box-sizing: border-box;
    }

    .box .confirmation-notice h5 {
        color: #004a8a !important;
        font-size: 15px
    }
        .box .confirmation-notice h5:before {
            content: "!";
            color: red;
            font-size: 11px;
            border: 1px solid red;
            padding: 2px 0;
            width: 23px;
            text-align: center;
            display: inline-block;
            box-sizing: border-box;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
            margin-right: 8px;
        }
#StockManagement {
    display: block;
    padding: 0 0 100px;
}
    #StockReports .data_tables,
    #StockManagement .data_tables {
        width: 90%;
        margin: 0 auto;
        max-width: 1150px;
        position: relative;
        margin-top: 80px;
    }
    #StockManagement #PreAdviseTable tbody label {
        display: none;

    }
    #StockManagement #PreAdviseTable tbody tr button.add {
        display: none;
        background-image: url(../layout/add_item_list.png);
        background-repeat: no-repeat;
        background-position: 7px 60%;
        padding-left: 40px !important;
    }
    #StockManagement #PreAdviseTable tbody tr:last-of-type button.add {
        display: inline-block;
    }
.banner.media .form_content table strong {
    font-size: 15px;

}

    .banner.media .form_content table thead tr {
        background-color: #0f4c8a;
    }
        .banner.media .form_content table thead tr th.parcelforce {
            background-color: #cf171f;
        }
    .banner.media .form_content table thead th {
        color: #fff;
        font-weight: 500;
        padding: 8px 10px;
        box-sizing: border-box;
    }
    .banner.media .form_content table tbody tr {
        background-color: #000;
        background: rgba(0,0,0,0.5);
    }
        .banner.media .form_content table tr:nth-of-type(even) {
            filter: alpha(opacity=20);
            background: rgba(0,0,0,0.2);
        }
    .banner.media .form_content table tr td {
        color: #fff;
        padding: 15px 10px;
        box-sizing: border-box;
        text-shadow: 1px 1px #000;
    }
    .banner.media .form_content table.price_table {
        top: -10px;
        position: relative;
    }
    .banner.media .form_content table.price_table thead th {
        font-weight: 300 !important;
        box-sizing: border-box;
    }
        .banner.media .form_content table.price_table tbody td.flag {
            width: 50px;
        }
        .banner.media .form_content table.price_table tbody td.price {
            font-size: 10px;
            line-height: 15px;
            letter-spacing: 1px;
        }
            .banner.media .form_content table.price_table tbody td.price b {
                letter-spacing: 0;
            }
    .banner.media .form_content table.price_table tbody td a,
    .banner.media .form_content table.price_table tbody td b {
        font-size: 16px;
        font-family: "RobotoBold" !important;
        font-weight: 800;
        color: #fff !important;
        text-decoration: none;
    }
        .banner.media .form_content table.price_table tbody td b {
            font-size: 18px;
        }
.banner.media.campaigns .form.quote.split .form_content h3 {
    padding-right: 100px !important;
    box-sizing: border-box;
    position: relative;
}
    body.careers.royal-mail .banner.media.campaigns .form.quote.split .form_content h3 {
        font-size: 2.5em !important;
    }
    body.warehouse-operative .banner.media.campaigns .form.quote.split .form_content h3 {
        font-size: 3.2em !important;
    }

.banner.media.bulk-parcels.us .form_content h3 {
    padding-right: 120px !important;
    position: relative;
}
.banner.media.bulk-parcels.us .form_content h3:after {
    content: "";
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    right: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    background-image: url(../layout/flag-us-square.jpg);
    background-size: cover;
    background-position: center;
}
.banner.media.campaigns .form.quote.split .form_content h3 span.offer {
    display: block;
    width: 140px;
    height: 140px;
    background-color: #02548f;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
    position: relative;
    font-family: "Roboto";
    text-shadow: none !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    position: absolute;
    top: -20px;
    right: -40px;
}
    .banner.media.campaigns .form.quote.split .form_content h3 span.offer span {
        position: absolute;
        display: block;
        top: 50%;
        width: 100%;
        transform: translateY(-50%);
        font-weight: 300 !important;
    }

    .banner.media.campaigns .form.quote.split .form_content h3 span.offer strong {
        display: block;
        font-size: 40px !important;
        line-height: 40px;
    }
.banner.media.campaigns div.form.quote.split.compact .quoteform .row.country,
.banner.media.campaigns div.form.quote.split.compact .quoteform .row.postcode {
    width: 100%;
}
.banner.media.campaigns  div.form.quote.split.compact .quoteform .row.postcode {
    position: relative;
}
.banner.media.campaigns div.form.quote.split .quoteform:first-of-type .field_group.col_50 {
    width: 46% !important;
}
.banner.media.campaigns div.form.quote.split.compact .quoteform .row.country {
    border-right: none;
}
.banner.media .form_content .footnote {
    display: block;
    font-family: "Roboto";
    color: #fff;
    text-align: center;
    padding: 10px 0 15px;
    text-shadow: 1px 1px #000;
} .banner.media .form_content .footnote {
    display: block;
    font-family: "Roboto";
    color: #fff;
    text-align: center;
    padding: 10px 0 15px;
    text-shadow: 1px 1px #000;
} .logo-list {
        display: block;
        box-sizing: border-box;
        text-align: center;
        margin: auto;
    } .logo-list li {
        display: inline-block;
        padding: 20px 0px;
        text-align: center;
        box-sizing: border-box;
        text-align: center;
    } .logo-list.two li {
        width: 48%;
    } .logo-list.three li {
        width: 31%;
    }
    .logo-list.three.integration li {
        width: 15%;
    }
      .logo-list li img {
        width: 80%;
        height: auto;
    } 
      .logo-list.integration img {
        width: 70%;
        }
      .logo-list.two li a {
        margin: auto;
    } .logo-list li p {
        text-align: center;
    }

#RemoteAreaChecker .form.section,
#RemoteAreaCheckerResults {
    box-sizing: border-box;
    clear: none !important;
}
#RemoteAreaChecker p,
#RemoteAreaChecker.popupcontent table.tblCheckRemote td div span.country {
    color: #355681 !important;
    font-family: "Roboto";
}
#RemoteAreaChecker input.button_blue {
    color: #fff !important;
    background-color: #386eb1;
    border: 2px solid #386eb1;
    cursor: pointer;
}
#RemoteAreaChecker.popupcontent table.tblCheckRemote {
    max-width: 800px;
    width: 90%;
}
    #RemoteAreaChecker.popupcontent table.tblCheckRemote td {
        padding: 3px;
    }
    #RemoteAreaChecker.popupcontent table.tblCheckRemote td div {
        box-sizing: border-box;
        display: block;
        padding: 10px 0 5px;
    }
        #RemoteAreaChecker.popupcontent table.tblCheckRemote td div.form_field {
            background-color: #fff;
            position: relative;
            border: 1px solid #becce5;
            padding: 0 !important;
        }
        #RemoteAreaChecker.popupcontent table.tblCheckRemote td div.form_field.city {
            border-bottom: 0 !important;
        }
        #RemoteAreaChecker.popupcontent table.tblCheckRemote td div.form_field.postcode {
            position: relative;
            top: -1px;
        }
    #RemoteAreaChecker.popupcontent table.tblCheckRemote td div label {
        font-size: 11px;
        width: unset !important;
        padding: 0 !important;
        text-align: left;
    }
    #RemoteAreaChecker.popupcontent table.tblCheckRemote td div.form_field label {
        position: absolute;
        top: 2px;
        left: 5px;
    }
    #RemoteAreaChecker.popupcontent table.tblCheckRemote td div.form_field input {
        width: 100% !important;
        max-width: unset !important;
        margin: 0 !important;
        border: none;
        text-align: left;
        padding: 25px 10px 15px !important;
    }
#RemoteAreaCheckerResults.remote-results .remote-info {
    box-sizing: border-box;
}
    #RemoteAreaCheckerResults.remote-results .remote-info a {
        display: inline-block;
    }
        #RemoteAreaCheckerResults.remote-results .remote-info a img {
            max-width: 80px;
            height: auto;
        }
    .form.section.bg.light-grey {
        background-color: #eef3f6 !important;
    }

#processing_overlay {
    display: none;
}
body.processing #processing_overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255, 0.8);
    cursor: wait;
}
    #processing_overlay img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        transform: translate(-50%,-50%);
    }
#CarrierRemoteAreaTable {
    font-family: "Roboto";
    color: #355681;
    width: 90% !important;
    box-sizing: border-box;
    margin: auto;
    position: relative;
}
    #CarrierRemoteAreaTable th,
    #CarrierRemoteAreaTable td {
        padding: 15px 10px;
        text-align: left;
        width: 24%;
    }
    #CarrierRemoteAreaTable tr {
        border-bottom: 1px solid #355681;
    }
    #CarrierRemoteAreaTable tbody tr:hover {
        background-color: #fff;
    }
    #CarrierRemoteAreaTable #CarrierRemoteAreaTableFilter {
        border: 1px solid #004a8a;
        padding: 8px;
        font-weight: 500;
        width: 100%;
        box-sizing: border-box;
        background-color: #fff;
        background-image: url(../layout/icon_search_magnify_small.png);
        background-repeat: no-repeat;
        background-position: 98% center;
    }
    #CarrierRemoteAreaTable.fixed thead {
        min-height: 20px;
    }
    #CarrierRemoteAreaTable.fixed thead tr {
        position: fixed;
        top: 0;
        left: 5%;
        right: 5%;
        width: 90%;
        display: block;
        background-color: #f6f9fc;
    }
    h2.inline {
        display: inline;

    }
    #CarrierRemoteAreaTable.fixed th,
    #CarrierRemoteAreaTable.fixed td {
        display: inline-block;
        width: 24%;
        box-sizing: border-box;
    }
ul.boxes, ol.boxes, .insurance_boxes {
    display: block;
    position: relative;
    max-width: 1400px;
    width: auto;
    margin: auto;
    padding: 0px 0 80px;
    list-style-type: none;
    box-sizing: border-box;
} .insurance_boxes {
        text-align: center;
    } ul.boxes li, ol.boxes li, .insurance_boxes li {
        width: 29%;
        margin: 0 2%;
        padding: 0 0 20px;
        display: inline-block;
        box-sizing: border-box;
        text-align: center;
        color:#004a8a;
        position: relative;
        background: #FFF;
    } .corner_shadow {
    position: relative;
    background-color: #fff;
    display: block;
} .insurance_boxes li:before, .insurance_boxes li:after, ul.boxes li:before, ul.boxes li:after, ol.boxes li:before, ol.boxes li:after, .corner_shadow:before, .corner_shadow:after {
            z-index: -1;
            position: absolute;
            content: "";
            bottom: 15px;
            left: 10px;
            width: 50%;
            top: 80%;
            max-width: 300px;
            background: #d0d0d0;
            -webkit-box-shadow: 0 15px 20px #d0d0d0;
            -moz-box-shadow: 0 15px 20px #d0d0d0;
            box-shadow: 0 15px 20px #d0d0d0;
            -webkit-transform: rotate(-3deg);
            -moz-transform: rotate(-3deg);
            -o-transform: rotate(-3deg);
            -ms-transform: rotate(-3deg);
            transform: rotate(-3deg);
        } ul.boxes li:after, ol.boxes li:after, .corner_shadow:after, .insurance_boxes li:after {
            -webkit-transform: rotate(3deg);
            -moz-transform: rotate(3deg);
            -o-transform: rotate(3deg);
            -ms-transform: rotate(3deg);
            transform: rotate(3deg);
            right: 10px;
            left: auto;
        } ul.boxes li span, ol.boxes li span {
            position:absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
        } ul.boxes.insurance li span, ol.boxes.insurance li span {
    bottom: 10px;
} ul.boxes p, ul.boxes h2, ol.boxes p, ol.boxes h2, .insurance_boxes p, .insurance_boxes h2 {
        color:#02548F !important;
    } .insurance_boxes h2 {
            font-family: "Roboto", Arial !important;
            font-weight: 300 !important;
        } ul.boxes p, ol.boxes p, .insurance_boxes p {
        font-family: "Roboto", Arial;
        text-align: center;
    } ul.boxes li a, ol.boxes li a, ul.boxes li div.inner, ol.boxes li div.inner {
        display: block;
        padding: 30px 30px 90px;
        position: relative;
        text-decoration: none;
    } ul.boxes li div.inner, ol.boxes li div.inner {
            width: auto;
        } 
      ul.boxes.api.extend {
        max-width: 1400px;
        width: 120%;
        left: -10%;

    } 
      ul.boxes.api.installation,
      ol.boxes.api.installation  {
          padding-top: 30px;
          text-align: center;
      }
      ul.boxes.api li, ol.boxes.api li {
        margin-bottom: 50px;
        box-sizing: border-box
    }

        ul.boxes.api.installation li,
        ol.boxes.api.installation li {
            min-height: 120px !important;
            float: none;
            display: inline-block !important;
        }
            ul.boxes.api li a.plugin h2,
            ul.boxes.api li a.importer h2,
            ul.boxes.api li a.custom h2 {
                padding-top: 90px !important;
            }
                ul.boxes.api li a.plugin h2:before,
                ul.boxes.api li a.importer h2:before,
                ul.boxes.api li a.custom h2:before {
                    content: "";
                    width: 110px;
                    height: 110px;
                    position: absolute;
                    display: block;
                    top: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 75px;
                    -moz-border-radius: 50%;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                }

                    ul.boxes.api li a.plugin h2:before { background-image: url(../layout/icon-plugin.png); background-size: 65px; }
                    ul.boxes.api li a.importer h2:before { background-image: url(../layout/icon-import-api.png); }
                    ul.boxes.api li a.custom h2:before { background-image: url(../layout/icon-configure.png); }

                    ul.boxes.api.installation li p,
                    ol.boxes.api.installation li p {
                    }
            ul.boxes.api.installation li span.button_blue,
            ol.boxes.api.installation li span.button_blue {
                background-image: url(../layout/account_settings-small.png);
                background-repeat: no-repeat;
                background-position: 90% center;
                padding-right: 35px;
            }
            ul.boxes.api.installation li a.ComingSoon,
            ol.boxes.api.installation li a.ComingSoon {
                cursor: default;
            }
                ul.boxes.api.installation li a.ComingSoon span.button_blue,
                ol.boxes.api.installation li a.ComingSoon span.button_blue {
                    background-color: #9fb3c6 !important;
                    opacity: 0.82;
                    filter: alpha(opacity=82);
                }
                ul.boxes.api.installation li a.ComingSoon:before {
                    background-image: url(../layout/coming_soon.png);
                    background-repeat: no-repeat;
                    background-position: center;
                    content:"";
                    display: block;
                    width: 100px;
                    height: 50px;
                    position: absolute;
                    left: 50%;
                    top: -30px;
                    transform: translate(-50%, 0%);
                }
      ul.boxes li img, ol.boxes li img, .insurance_boxes li img {
        width: 65%;
        height: auto;
        margin: auto;
    } .insurance_boxes li, ul.boxes.bordered li, ol.boxes.bordered li {
        border: 1px solid #cedaf1;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        -khtml-border-radius: 15px;
    } ul.boxes li a.link, ol.boxes li a.link {
            padding: 0px 30px 10px !important;
    } ul.boxes li .button_red.small, ul.boxes li .button_blue.small, ul.boxes li .button_white.small, ol.boxes li .button_red.small, ol.boxes li .button_blue.small, ol.boxes li .button_white.small {
        white-space: nowrap;
    } ul.boxes li div.inner div.button-container, ol.boxes li div.inner div.button-container {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0px !important;
} ul.boxes li div.inner a.button_blue, ol.boxes li div.inner a.button_blue {
    display: inline-block;
} ol.boxes.insurance li a, ul.boxes.insurance li a {
    padding: 20px 20px 30px;
    position: relative;
} ol.boxes.insurance li span.link, ul.boxes.insurance li span.link {
    color: #0185cd;
}

ul.boxes .btn_bright_blue {
    transform: translateX(-50%) scale(0.9);
}


.insurance_boxes li.commercial a:before, ul.boxes.insurance li.commercial a:before {
    content: "Commercial only";
    display: block;
    background-image: url(../layout/ribbon_blue_corner_med.png);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(45deg);
    width: 180px;
    height: 39px;
    color: #fff;
    font-size: 11px;
    box-sizing: border-box;
    padding-top: 7px;
    text-transform: uppercase;
    font-family: "RobotoBold";
    position: absolute;
    right: -41px;
    top: 29px;
} .insurance_boxes li {
    padding: 30px 20px;
}
.boxes.panelled_list li {
    width: 90%;
    padding-bottom: 75px;
    margin-bottom: 80px;
    text-align: left;
}
    .boxes.panelled_list h3,
    .boxes.panelled_list li h4,
    .boxes.panelled_list li h5 {
        font-size: 20px;
    }
    .boxes.panelled_list li p {
        text-align: left;
        width: 100%;
    }
    .boxes.panelled_list li:nth-of-type(odd) {
        padding-right: 42%;
    }
    .boxes.panelled_list li:nth-of-type(even) {
        padding-left: 42%;
    }
    .boxes.panelled_list li span.image {
        content: "";
        display: block;
        width: 46%;
        background-color: #efefef;
        position: absolute;
        top: 15px;
        bottom: 100px;
        transform: none;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-size: cover;
        border: 12px solid #fff;
        box-shadow: 0px 0px 10px 4px #e2e1e1;
        overflow:hidden;
    }
        .boxes.panelled_list li.people span.image {background-image: url(../layout/bg_office_culture.jpg); background-position: center; }
        .boxes.panelled_list li.culture span.image {background-image: url(../layout/bg_cs_office.jpg); background-position: center; }
        .boxes.panelled_list li span.image {background-image: url(../layout/images/bg_office.jpg); background-position: center; }
        
        .boxes.panelled_list li:nth-of-type(odd) span.image {
            right: 0;
            left: 54%;
            transform: rotate(6deg) translateX(40px);
        }

        .boxes.panelled_list li:nth-of-type(even) span.image {
            left: 0;
            right: 54%;
            transform: rotate(-6deg) translateX(-40px);
        }

    .news_panel, .news_panel ul, .news_panel li {
        display: block;
    } .news_panel {
    position: relative;
    overflow: hidden;
} .news_panel ul {
        overflow-x: hidden;
    } .news_panel li {
        float: left;
        box-sizing: border-box;
        position: relative;
        height: 100%;
        min-height: 350px;
        overflow: hidden;
        border: 5px solid #fff;
        } .news_panel.guidance li {
            min-height: 500px;
        } .news_panel.onecol li {
            min-height: 400px;
        } .news_panel.guidance li .news_summary {
            top: 45%;
        } .news_panel li .news_summary {
            display: block;
            position: absolute;
            top: 35%;
            width: 100%;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s; 
            z-index: 3;
        } .news_panel li:hover .news_summary {
            transform: translateY(-50%);
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s; 
        } .news_panel li a, .news_panel li .image-container, .news_panel li .image-container span {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            background-size: cover;
            background-position: center;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s; 
            
            } 
            .news_panel li .image-container,
            .news_panel.countrylinks li {
                z-index: 0; 
                background-color: #263238;
                
            }
                .news_panel li:nth-of-type(2n) .image-container,
                .news_panel.countrylinks li:nth-of-type(2n) {
                    background-color: #3a4a55;
                }
                .news_panel li:nth-of-type(3n) .image-container,
                .news_panel.countrylinks li:nth-of-type(3n) {
                    background-color: #435763;
                }
                .news_panel li:nth-of-type(4n) .image-container,
                .news_panel.countrylinks li:nth-of-type(4n) {
                    background-color: #4d6372;
                }
                .news_panel li:nth-of-type(5n) .image-container,
                .news_panel.countrylinks li:nth-of-type(5n) {
                    background-color: #567080;
                }
                .news_panel li:nth-of-type(6n) .image-container,
                .news_panel.countrylinks li:nth-of-type(6n) {
                    background-color: #607c8e;
                }
                .news_panel li .image-container span,
                .news_panel.countrylinks li .image_container {
                    /*background-image: url(../layout/images/background_news.jpg) !important;*/
                    opacity: 1;
                    -webkit-transition: all 1s;
                    -moz-transition: all 1s;
                    -o-transition: all 1s;
                    transition: all 1s;
                    background-size: cover !important;
                }
                    .news_panel li .image-container span:before {
                        content: "";
                        display: block;
                        width: 10px;
                        height: 10px;
                        background-color: red;
                        position: relative;
                        top: -300px;
                    }
                    .news_panel.countrylinks li.lazy-load-image .image_container,
                    .news_panel li .image-container .lazy-load-image {
                        background-image: none !important;
                        opacity: 0;
                        -webkit-transition: all 1s;
                        -moz-transition: all 1s;
                        -o-transition: all 1s;
                        transition: all 1s;
                    }
                    /* LAZY LOAD DELAY ALTERNATING*/
                    .news_panel.countrylinks li:nth-of-type(even) .image_container,
                    .news_panel li:nth-of-type(even) .image-container span {
                        transition-delay: 0.2s;
                    }
              .news_panel li:hover .image-container, .news_panel li:active .image-container, .news_panel li:focus .image-container, .news_panel li:hover .image-container span, .news_panel li:active .image-container span, .news_panel li:focus .image-container span {
                transform: scale(1.02);
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
            } .news_panel li a:after {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            content: "";
            background-color: rgba(0, 0, 0, 0);
            z-index: 1;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s; 
        } .news_panel li:hover a:after {
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s; 
                background-color: rgba(0, 0, 0, 0.6);
            }
        .news_panel li a .image_container:after {
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            display: block;
            background-color: rgba(0, 0, 0, 0);
        }
        .news_panel li:hover a .image_container:after {
            background-color: rgba(0, 0, 0, 0.6);
            
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
        }
          .news_panel li .news_title {
            display: block;
            padding: 12px 30px;
            background-color: rgba(0, 0, 0, 0.6);
            opacity: 1;
            filter: alpha(opacity=100); 
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
             -o-transition: all 1s;
             transition: all 1s;
        } .news_panel li:hover a .news_title, .news_panel li:active a .news_title, .news_panel li:focus a .news_title {
                background-color: rgba(0, 0, 0, 0);
            } .news_panel.onecol li a .news_title {
                padding: 22px 30px;
            } .news_panel li a h2, .news_panel li h5 {
            position: relative;
            max-width: 350px;
            margin: auto !important;
            display: block;
            padding: 0 0 8px !important;
            z-index: 2;
            color: #fff;
            text-shadow: 1px 1px #000;
            color: #fff !important;
            
            } .news_panel li:hover a h2, .news_panel li:active a h2, .news_panel li:focus a h2, .news_panel li:hover a h5, .news_panel li:active a h5, .news_panel li:focus a h5 {

            } .news_panel li p {
            width: auto;
            line-height: 1.9em;
            color: #fff;
            z-index: 2;
            text-shadow: 1px 1px #000;
            box-sizing: border-box;
            font-family: 'Roboto';
            text-align: center;
            width: 90%;
            position: relative;
            max-width: 350px;
            padding: 0 30px;
        } .news_panel li a {
            text-decoration: none;
            text-align: center;
        } .news_panel li a span {
                position: absolute;
                left: 50%;
                bottom: 30px;
                transform: translateX(-50%);
                color: #fff;
                text-shadow: 1px 1px #000;
                padding: 8px 10px;
                line-height: normal;
                z-index: 2;
                text-transform: uppercase;
                font-size: 11px;
                letter-spacing: 1px;
                display: inline-block;
            } .news_panel li p {
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
                clear: both;
            } .news_panel li:hover p, .news_panel li:active p, .news_panel li:focus p, .news_panel li:hover a span, .news_panel li:active a span, .news_panel li:focus a span {
                opacity: 1;
                filter: alpha(opacity=100); 
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
            } .news_panel ul.published {
                clear: both;
                padding: 5px 0px 0px;
                margin: 0;
                position: relative;
                text-align: center;
            } .news_panel ul.published li {
                display: inline-block !important;
                height: auto !important;
                min-height: 0px !important;
                border: none;
                float: none;
                width: auto;
                color: #fff !important;
                text-shadow: 1px 1px #000;
            } .news_panel ul.published li b {
                    color: #fff !important;
                } .news_panel li:hover ul.published {
                    display: none;
                } .news_panel .containerPaging {
        margin: 0 !important;
        background-color: transparent !important;
        border: 5px solid #fff;
        border-bottom: 10px solid #fff;
        text-align: center;
    } .news_panel .containerPaging table {
            margin: auto !important;
            width: auto;
        } .news_panel .containerPaging table td.RepeaterPaging_Page {
            display: none;
        } .news_panel .containerPaging table tr, .news_panel .containerPaging table tbody {
            width: 100%;
            display: block !important;
        } .news_panel .containerPaging table td a {
            padding: 10px !important;
            box-sizing: border-box;
            background-color: #222;
            -moz-border-radius: 0px !important;
            -webkit-border-radius: 0px !important;
            border-radius: 0px !important;
            -khtml-border-radius: 0px !important;
        } .news_panel .containerPaging table td a:hover {
                background-color: #111;
            } 
    .news_panel li li {
        width: 100%;
        height: initial !important;
        border: none !important;
        position: relative;
        min-height: 20px;
        background: transparent;
    } 
    .news_panel.guidance {
        max-width: 1200px;
        margin: auto;
    }
    .news_panel.countrylinks li {
        background-size: cover !important;
        min-height: 500px;
    }
        section.news_panel.countrylinks li.SA {
            min-height: 500px;
        }
    .news_panel.countrylinks h3 {
        color: #fff !important;
        font-family: "Roboto" !important;
        text-align: left;
    }
        .news_panel.countrylinks h3 b {
            color: #fff !important;
            font-weight: 100 !important;
            font-family: "Roboto" !important;
        }
        .news_panel.countrylinks h3 font {
            font-family: "RobotoBold" !important;
            text-transform: capitalize;
            display: block;
            font-size: 40px;
            padding-right: 130px
        }
    .news_panel.countrylinks .price {
        display: block;
        width: 120px;
        height: 120px;
        color: #fff !important;
        background-color: #fff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        box-sizing: border-box;
        padding: 30px 0;
        position: absolute;
        top: 6px;
        right: 30px;
    }
        .news_panel.countrylinks .price div {
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%);
        }
            .news_panel.countrylinks .price div span {
                position: relative !important;
                left: 0;
                top: -5px;
                display: inline;
                padding: 0;
                text-transform: none;
                letter-spacing: -2px;
                font-size: 32px;
                font-family: "RobotoBold" !important;
            }
                
                .news_panel.countrylinks .price div span.asterisk {
                    font-size: 20px;
                    position: absolute !important;
                    top: 0;
                    left: 110%;
                }
                .news_panel.countrylinks .price div span.exemption {
                    font-size: 11px;
                    font-family: "Roboto" !important;
                    font-weight: 300 !important;
                    letter-spacing: normal;
                    top:-10px;
                    text-align: right;
                }
    .news_panel.countrylinks p.button {
        padding: 0 !important;
        width: 100%;
        max-width: 100%;
        text-align: left;
    }
.news_panel.countrylinks li a span {
    text-shadow: none;
    color: #355681;
}
.news_panel.countrylinks li div.price {
    text-shadow: none;
    color: #0185cd !important;
}
.news_panel.countrylinks span.button_blue {
    text-transform: none !important;
    position: relative;
    padding: 14px 20px;
    letter-spacing: 0;
    left: 25px;
    bottom: unset;
    margin: 20px 0 0;
    transform: none;
    text-shadow: none;
    background-color: #42a5f5;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    -khtml-border-radius: 3px !important;
}
.news_panel.countrylinks .image_container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transform: none !important;
}
.news_panel.careers li {
    width: 50%;
}
.BIFA_terms_intro {
    display: block;
    background-repeat: no-repeat;
    background-position: center 94%;
    background-size: 75% auto;
    background-image: url(../layout/planes_trains_automobiles.png);
    padding: 30px 0 140px;
    border-top: 1px solid #ee7200;
    border-bottom: 1px solid #ee7200;
}
    .BIFA_terms_intro.noimage {
        background-image: none;
        padding-bottom: 40px !important;
    }
.BIFA_terms_intro h2:before {
    content: "";
    display: block;
    background-position: center top;
    padding-top: 60px !important;
    background-image: url(../layout/logo-bifa.png);
    background-repeat: no-repeat;
}
article {
    display: block;
    padding-bottom: 30px;
} 
section.article p, section.article li, section.article .normal {
    font-size: 14px;
    line-height: 2em;
} section.article p.intro{
    font-size: 23px;
    margin-bottom: 20px !important;
} .news-image {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 180px;
    height: 180px;
    box-sizing: border-box;
    box-shadow: 0 0 0 12px #01619e;

} .offset_info {
    position: relative;
    top: -60px;
    z-index:50;
} .consignment_manager {
    display: block;
    padding: 30px 0 80px;
    text-align: center;
} nav li.search_options {
    width: 250px;
    float: right;
    display: block;
    border: none;
    margin-right: 10px;
    position: relative;
    /*top: -5px;*/
} .ddp_options {
    display: block;
    background-color: #e2eaf9;
    padding: 5px;
    margin: 10px 0 20px;
    box-sizing: border-box;
    border: 1px solid #cedaf1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    text-align: center;
    width: 100%;
}
.live_chat_link {
    color: #EC121B;
    font-size: 1.6em;
    display: block;
    font-family: "Roboto" !important;
    font-weight: normal !important;
    background-image: url('../layout/icon-chat-small.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 10px 10px 10px 50px;
    position: relative;
    top: 5px;
}
section.search, section.search form, section.search form fieldset, section.search input[type=text] {
    display: block;
    width: 100%;
    background-color: transparent;
    box-sizing: border-box;
    border: none;
} section.search {
        position: relative;
        background-color: #e2eaf9;
        border: 1px solid #dbe4f6;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        -khtml-border-radius: 50px;
        overflow: hidden;
    } section.search, section.search form {
            padding: 18px 10px;
        } section.search form {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: auto !important;
        } section.search fieldset {
                display: block;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            } section.search form label, section.search form #trackingformurl {
            display: none !important;
            visibility: hidden;
        } section.search input[type=text] {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                outline: none;
                padding: 0 0 0 32px;
                background-color: #f3f6fc;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
                -khtml-border-radius: 50px;
                border-radius: 50px;
                height: 100%;
            } section.search .search_option.site_search input[type=text], section.search .search_option.tracking_search input[type=text] {
                background-repeat: no-repeat;
                background-position: 8px center;
                background-size: 21px;
            } section.search .search_option.site_search input[type=text] {
                    background-image: url(../layout/icon_search_magnify.png);
                } section.search .search_option.tracking_search input[type=text] {
                    background-image: url(../layout/icon_search_location.png);
                } section.search .search_option.tracking_search {
                    width: 0;
                    right: -100%;
                    top: 0;
                    opacity: 0;
                    position: absolute;
                    filter: alpha(opacity=0);
                    -webkit-transition: all 0.5s ease 0s;
                    -moz-transition: all 0.5s ease 0s;
                    -o-transition: all 0.5s ease 0s;
                    transition: all 0.5s ease 0s;
                    
                } section.search .search_option.tracking_search.active {
                        width: 100%;
                        right: 0;
                        opacity: 1;
                        filter: alpha(opacity=10);
                        -webkit-transition: all 0.5s ease 0s;
                        -moz-transition: all 0.5s ease 0s;
                        -o-transition: all 0.5s ease 0s;
                        transition: all 0.5s ease 0s;
                    } .search_option_switch {
                display: block;
                width: 100%;
                box-sizing: border-box;
                position: relative;
                z-index: 3;
                padding: 0 0 0 6px;
            } .search_option_switch input[type=radio] {
                    display: none;
                } .search_option_switch label {
                    color: #879cb1;
                    display: inline-block;
                    padding: 0 15px 0 18px;
                    position: relative;
                    font-family: Roboto;
                    font-size: 11px;
                    margin-top: 5px
                } .search_option_switch label:after, .search_option_switch label:before {
                        content: "";
                        display: block;
                        width: 8px;
                        height: 8px;
                        background-color: #e2eaf9;
                        border: 1px solid #dbe4f6;
                        position: absolute;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        -moz-border-radius: 50%;
                        -webkit-border-radius: 50%;
                        border-radius: 50%;
                        -khtml-border-radius: 50%;
                    } .search_option_switch label:before {
                        width: 14px;
                        height: 14px;
                        left: -3px;
                        background-color: #fff;
                        border: 1px solid #dbe4f6;
                    } .search_option_switch input[type=radio]:checked + label:after {
                            background-color: #74d142;
                            border: 1px solid #74d142;
                        } section.search div#trackingFailed {
                position: absolute;
                width: 100%;
                margin-top: 25px;
                left: 0;
                padding: 8px;
                box-sizing: border-box;
                background-color: #c40202;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                -khtml-border-radius: 10px;
            } section.search div#trackingFailed:before {
                content: "";
                position: absolute;
                content: '';
                width: 0;
                height: 0;
                border: 10px solid transparent;
                border-bottom-color: #c40202;
                left: 50%;
                top: -20px;
                transform: translateX(-50%);
            } section.search div#trackingFailed span.close {
                        display: block;
                        width: 10px;
                        height: 10px;
                        background-repeat: no-repeat;
                        background-position: center;
                        background-image: url(../layout/cart/icon-close.png);
                        position: absolute;
                        top: 5px;
                        right: 2px;
                } div#addsearch-results {

} #addsearch-results .addsearch-result-item-sub p span em {
    color: rgb(34, 116, 172) !important;
    font-size: 11px !important;
} div.hover_prompt {
    display: block;
    width: auto;
    box-sizing: border-box;
    position: relative;
} #divSameAddressNotice {
        padding: 25px 20px 35px;
		height: auto;
        text-align: center;
		border: solid 6px #004a8a;
		-moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        border-radius: 18px;
        -khtml-border-radius: 18px;
		background-color: #FFF;
        max-width: 700px;
        margin: 10px auto;
        box-shadow: 0px 0px 9px #000;
	} #divSameAddressNotice h2, #divSameAddressNotice p {
        font-family: "Roboto","Lato", sans-serif !important;
        color: #004a8a !important;
        padding-bottom: 15px;
    } #divSameAddressNotice h2 {
        display: inline-block;
        font-weight: 300 !important;
        background-image: url(../layout/icon-alert-notice-blue-small.png);
        background-position: left center;
        background-repeat: no-repeat;
        padding:  10px 0 10px 30px !important;
    } #divSameAddressNotice p {
        font-size: 13px !important;
    } .pop_up_form, .pop_up_form form {
    display: block;
    text-align: center;
    font-family: "Roboto";
} .pop_up_form form {
        max-width: 600px;
        margin: auto;
        padding: 0 0 0 90px;
        box-sizing: border-box;
        position: relative;
    } .pop_up_form h1 {
        font-family: "RobotoThin","Lato", sans-serif !important;
        font-weight: 300 !important;
        font-size: 2.4em;
        letter-spacing: 1px;
        padding: 50px 0 !important;
        margin: 0 !important;
    } .pop_up_form .signature, .pop_up_form .checkbox {
        display: block;
        padding: 0px 50px 50px;
        box-sizing: border-box;
        text-align: left;
    } .pop_up_form .signature {
            padding: 30px 0;
        } .pop_up_form label {
        color: #004b9f;
        font-size: 1.2em;
        text-align: left;
        display: block;
        line-height: 1.8em;
    } .pop_up_form input.tickBox_terms {
        position: absolute;
        top: 10px;
        left: 0px;
    } .pop_up_form .signature span {
        display: block;
        font-size: 0.9em;
        color: #004b9f;
        letter-spacing: 1px;
        padding: 0 0 8px;
    } .pop_up_form .signature input {
        font-family: "RobotoThin";
        display: block;
        width: 100%;
        font-size: 30px;
        padding: 20px;
        box-sizing: border-box;
        border: none;
        background-color: #eff3fa;
        color: #004b9f;
    } .pop_up_form .button_container {
        text-align: right;
    } .display_pop_up header, .display_pop_up footer, .display_pop_up .sub-menu, .display_pop_up .container-accreditations {
    display: none;
} div.quote_tool {
    display: block;
    padding: 10px 0 20px 0;
} div.DDPOptions.box.dtp_disclaimer {
    display: none;
} .DDPOptions.dtp_disclaimer.Landmark.Global.DTP, .DDPOptions.dtp_disclaimer.Landmark.Global.DDP {
    display: block;
}
.ddp_options input[type="button"] {
    margin: 10px 0;
}
table.duties_taxes_quote {
    width: 100%;
    margin: 5px 0 0;
}
.ddp_selector {
    background-color: #fff;
    border: 1px solid #cedaf1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    padding: 10px;
    width: 90%;
    margin: auto;
}
    .ddp_selector div {
        padding: 10px 0;
        width: 100%;
        margin: auto;
        text-align: left;
        max-width: 700px;
    }
    .DDPTable .ddp_selector label {
        font-weight: 800 !important;
    }
        .DDPTable .ddp_selector label ul {
            display: block;
            padding-left: 30px;
        }
            .DDPTable .ddp_selector label ul li {
                color: #115fb2;
                display: list-item;
                padding: 8px 0 0;
                font-family: "Roboto" !important;
                font-weight: 500 !important;
            }
.dtp_no_quote {
    display: block;
    background-color: #ea4d00;
    padding: 10px 20px 10px 10px !important;
    color: #fff;
    margin: 15px 0 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    font-weight: 900;
    font-family: "Roboto";
    font-weight: 500;
    text-align: left;
    white-space:normal;
}

    .dtp_no_quote span {
        display: inline-block;
        margin: auto;
        position: relative;
        padding-left: 15px;
        box-sizing: border-box;
    }
        .dtp_no_quote span:before {
            display: block;
            font-family: "Roboto";
            font-weight: 500;
            color: #ea4d00;
            font-size: 16px;
            content: " ! ";
            width: 20px;
            height: 20px;
            background-color: #fff;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
            text-align: center;
        }
    .dtp_no_quote.red span {
        color: #EC121B;
    }
  a.button_bordered {
    display: inline-block;
    margin-top: 5px;
    padding: 11px 24px 11px 38px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    font-family: "RobotoBold" !important;
    border: 2px solid #fff;
    /*text-shadow: none !important;*/
    box-shadow: 0px 0px 4px #000;
    background-image: url(../layout/account_consignments-small.png);
    background-position: 7px center;
    background-repeat: no-repeat;
    position: relative;
} a.button_bordered:hover, a.button_bordered:focus {
        text-decoration: none;
    } div.formSubmit a.button_bordered {

        /*font-size: 15px;*/
        float: left;
        margin: 17px 20px 0 0;
        /*background-color: #0f4c8a;
        border: none;*/

    } 
/* a.saved_consignments {
    display: inline-block;
    color: #fff;
    margin-top: 7px;
    padding: 8px 36px 8px 14px;
    background-image: url(../layout/account_consignments-small.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    position: relative;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    background-color: #0f4c8a;
    box-shadow: 1px 4px 11px 0px #000;
    text-decoration: none;
}*/
a.saved_consignments {
    display: inline-block;
    color: #fff;
    margin-top: 7px;
    padding: 15px 45px 15px 45px;
    background-image: url(../layout/account_consignments-small.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    position: relative;
    -webkit-border-top-left-radius: 50%;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    background-color: #0f4c8a;
    text-decoration: none;
    position: relative;
    background: linear-gradient(to left, transparent, #000);
    float: left;
}
    a.saved_consignments:before {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        background-image: url(../layout/account_consignments-small.png);
        background-position: center;
        background-repeat: no-repeat;
        background-color: #004a8a;
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
    }
    .form.generic a.saved_consignments {
        box-shadow: none !important;
    }
.collectionCutOff p {
    color: #004a8a;
    position: relative;
    top: -10px;
    max-width: 700px;
    text-align: center;
}

.blue_form_container {
    background-color: #01619e;
    padding: 30px 30px 40px;
    width: 90%;
    box-sizing: border-box;
    max-width: 600px;
    margin: 0 auto 30px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -khtml-border-radius: 25px;
}
.containercollectionCutOffForm {
    display: block;
    padding: 0;
    max-width: 400px;
    margin: auto;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    -khtml-border-radius: 35px;
    border: 1px solid #bac9e5;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
    .collectionCutOff .blue_form_container label,
    .collectionCutOff .blue_form_container p,
    .containercollectionCutOffForm p {
        color: #fff !important;
        font-size: 13px;
        line-height: 1.5em;
        text-transform: none;
        display: block;
        padding: 0 0 10px;
        max-width: 380px;
        margin: auto;
    }
        .collectionCutOff .blue_form_container label {
            text-align: left;
            font-size: 13px;
            padding: 0 20px 10px !important;
        }
    .containercollectionCutOffForm label {
        position: absolute;
        left: 10px;
        top: 50%;
        width: 33%;
        color: #004a8a;
        font-size: 12px !important;
        font-family: "Roboto";
        transform: translateY(-50%);
    }
    .containercollectionCutOffForm input#postcodeInput {
        width: 100% !important;
        border: none !important;
        padding: 20px 35% 20px 30px !important;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 18px;
        background-color: transparent !important;
    }
    .containercollectionCutOffForm .button_blue {
        position: absolute;
        right: 8px;
        top: 48%;
        box-sizing: border-box;
        padding: 10px 15px 12px !important;
        width: 33%;
        border: none;
        transform: translateY(-50%);
    }
.collectionCutOffTable th img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    background-color: #fff;
}

.div.form.generic a.saved_consignments {
    color: #fff !important;
    box-shadow: none !important;
} a span.hover-message {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    transform: translateY(-110%);
    text-align: left;
    font-size: 11px;
    text-shadow: none;
    color: #065390;
    padding: 15px;
    background-color: #efefef;
    border: 1px solid #065390;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
} a span.hover-message:after {
        content: "";
        background-color: #efefef;
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: rotate(-45deg);
    } 
  a:hover span.hover-message, 
  a:focus span.hover-message {
    display: block;
    }
    .quoteform a:hover span.hover-message,
    .quoteform a:focus span.hover-message {
        display: none;
    } 
  table#saved_consignments th, table#saved_consignments td {
        text-align: center;
    } table#saved_consignments th.nickname span {
        display: block;
        background-image: url(../layout/icon_a-z.png);
        background-repeat: no-repeat;
        background-position: center left;
        padding: 5px 0 5px 35px;
        box-sizing: border-box;
        text-align: left;
    } table#saved_consignments tr td:first-of-type, table#saved_consignments tr td:first-of-type input, table#saved_consignments tr td:first-of-type select:disabled {
    text-align: left;
} table#saved_consignments a.edit_button {
    color: #0185cd;
    display: inline-block;
    padding: 7px 15px;
} table#saved_consignments a.delete_button {
    display: inline-block;
    height: 23px;
    width: 30px;
} table#saved_consignments a:hover, table#saved_consignments a:active, table#saved_consignments a:focus {
        text-decoration: none !important;
    } table#saved_consignments td input {
    text-align: center;
    width: 98%;
    padding: 7px 5px;
    box-sizing: border-box;
} table#saved_consignments tr td:first-of-type input:disabled, table#saved_consignments tr td select:disabled {
    font-family: "RobotoBold";
    color: #296db3 !important;
    opacity: 1;
} #form_add_consignment h2, #form_country_selector h2 {
    color: #fff !important;
    font-size: 2.4em;
    display: block;
    font-family: "Roboto","Lato", sans-serif !important;
    font-weight: 300 !important;
    padding: 30px 10px 20px !important;
    display: block;
    text-align: center;
    padding: 40px 0 30px !important;
    box-sizing: border-box;
} #form_country_selector form {
    width: 90%;
    max-width: 800px;
    margin: auto;
} .form_grouped {
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
} .form_grouped .row {
        display: block;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        width: 90%;
        margin: 0 5%;
        background-color: #fff;
        border-bottom: 1px dashed rgb(186, 201, 229);
    } .form_grouped .row label, .form_grouped .row input {
            display: block;
            width: 100%;
            box-sizing: border-box;
            font-family: "Roboto";
            background-color: transparent;
        } section.banner.media .form_grouped .row input {
                border: none !important;
                font-size: 18px;
                padding: 5px 12px 20px;
                -webkit-box-shadow: unset !important;
            } section.banner.media .form_grouped .row label {
                color: #666 !important;
                text-shadow: none !important;
                font-family: "Roboto";
                font-size: 12px;
                padding: 12px 12px 0px;
                letter-spacing: 1px;
            } .form_grouped .row:first-of-type {
            -webkit-border-top-right-radius: 8px;
            -webkit-border-top-left-radius: 8px;
            -moz-border-radius-topright: 8px;
            -moz-border-radius-topleft: 8px;
            border-top-right-radius: 8px;
            border-top-left-radius: 8px;
        } .form_grouped .row:nth-of-type(2) {
            -webkit-border-bottom-right-radius: 8px;
            -webkit-border-bottom-left-radius: 8px;
            -moz-border-radius-bottomright: 8px;
            -moz-border-radius-bottomleft: 8px;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px;
            border-bottom: none !important;
        } .bordered_box {
    display: block;
    padding: 0 0 30px !important;
    border: 1px solid #386eb1 !important;
    margin: 20px auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    overflow: hidden;
} .bordered_box h1, .bordered_box h2, .bordered_box h3 {
        background-color: #386eb1;
        color: #fff !important;
        padding: 0  0 10px !important;
        width: 100%;
        margin: 0 0 30px !important;
        font-size: 14px;
    } .bordered_box div.alert-notification {
        padding: 10px 20px;
        box-sizing: border-box;
        position: relative;
        top: -15px;
    } .display_qr {
        display: block;
        padding: 30px 0 40px;
        text-align: center;
    } .display_qr span {
            display: block;
            padding: 5px 0;
        } form.qrcode {
        display: inline-block;
        padding: 0 6px;
    } form.qrcode input[type="submit"] {
        padding: 9px 15px;
        font-family: "Roboto";
    } .bordered_box .option_divider {
        font-size: 18px;
        color: #386eb1;
        font-weight: 800;
        display: inline-block;
        padding: 0 10px;
    } .bordered_box .footer {
        display: block;
        padding: 40px 0 10px;
            font-family: "Roboto";
    } .bordered_box .footer strong {
            color: #386eb1;
        } .bordered_box p {
    padding-bottom: 30px;
} b span.reduced {
    display: none;
    padding: 2px 2px;
    background-color: #42d15a !important;
    border: 1px solid #42d15a !important;
    color: #fff;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    position: relative;
} #quotationTbl b span.reduced {
    top: -5px;
    transform: rotate(-12deg);
} div.form.quote.split .form_grouped .quote_heading {
        top: 0 !important;
        width: 100% !important;
    } .missionchristmas {
    background: #e10079;
    background: linear-gradient(to right, #e76933, #e10079);
    border-top: 9px solid #ae005e !important;
} section.banner.media.missionchristmas:after {
        border-top: 12px solid #ae005e;
} section.banner.media.missionchristmas div.media-container {
        background-image: url(../layout/bg_snow.png) !important;
        background-repeat: no-repeat;
        background-position: center bottom;
    } .missionchristmas div.form.quote h3 {
        text-shadow: 2px 2px #a30259;
    } .missionchristmas img {
    
}

.statementGeneratorContainer
 {
    text-align: left;
    display: block;
    padding-bottom: 20px;
}
    .statementGeneratorContainer div {
        position: relative;
        box-sizing: border-box;
        display: inline-block;
        float: left;
    }
    .statementGeneratorContainer div input {
        padding: 20px 8px 5px;
        border-width: 1px;
        border-style: solid;
        border-color: #bac9e5  !important;
        width: 100%;
        box-sizing: border-box;
    }
    .statementGeneratorContainer a.button_blue {
        font-family: "Roboto" !important;
        top: 9px;
        position: relative;
    }
.statementGeneratorContainer div:first-of-type input {
    border-right: none;
}
    .statementGeneratorContainer label {
        color: #498bd0 ;
        font-size: 11px;
        display: inline-block;
        box-sizing: border-box;
        position: absolute;
        left: 8px;
        top: 5px;
    }
#taxTermsSection {
    border: 1px solid #bac9e5;
    box-sizing: border-box;
    padding: 12px;
    font-family: "Roboto";
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
} #taxTermsSection p, #taxTermsSection li, #taxTermsSection label {
    
        color: #004a8a !Important;
    } #consignmentTable tr.heading_row th, #consignmentTable tr.heading_row td {
    text-align: center;
    color: #fff;
    padding: 4px;
    background-color: #296db3;
    border-color: #296db3;
} body.DE td.serviceName.TG.Flex div.badge-hover:after {
    display: block;
    font-family: "Roboto";
    font-weight: 500;
    color: #004a8a;
    padding: 1px 0 1px 8px;
    float: left;
    clear: left;
} a.quick_find {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../layout/cart/icon_lookup.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#DeliverySmsTracking {
    display: block;
}
#DeliverySmsTrackingFee, #DeliveryAddress_residentialfee {
    font-size: 10px;
} .option_row label {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    padding-right: 25px !important;
} table.cart_processing th.service_name, table.cart_processing td.service_name {
    text-align: left
}
#postcode_form {
    float: left;
}
#postcode_form span {
    display: block;
    position: relative;
    padding: 0;
    top: -6px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #bac9e5;
    min-height: 38px;
    width: 250px;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
}
    #postcode_form span input[type="text"] {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border: none;
        width: 100%;
        padding: 8px 10px;
        box-sizing: border-box;
        background: transparent;
    }
#postcode_form span input[type="submit"] {
    color: #fff !important;
    background-color: #386eb1;
    border: 2px solid #386eb1;
    position: absolute;
    right: 5px;
    top: 50%;
    z-index: 3;
    font-size: 11px;
    padding: 5px 14px;
    transform: translateY(-50%);
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
}
    #postcode_form span input[type="submit"]:hover {
        opacity: 0.9;
    }
    div.share {
        display: block;
        clear: both;
        text-align: center;
        padding: 10px 0 25px;
    } div.share a {
    margin: 0 5px;
} div.share a img {
        position: relative;
        top: 0;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    } div.share a:hover img {
        top: -3px;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s; 
    } section.article li {
    background-position: left 7px;
} article h2, article h3, article h4, article h5 {
    display: block;
    width: 95%;
    margin: auto;
    max-width: 1150px;
    color: #01619e !important;
    font-size: 25px;
    margin-top: 30px;
}
.categoryMenu {
    border-width: 2px 0 2px 0;
    border-style: solid;
    border-color: #f2f3f7;
}
.categoryMenu a {
    padding: 10px;
    display: block;
    position: relative;
    font-family: "Roboto";
    font-weight: 500;
    text-decoration: none;
    color: #687e9a !important;
    border: 2px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #f2f3f7;
    background: linear-gradient(to bottom, #f5f5f9, #f2f3f7) !important;
}
    .categoryMenu a:last-of-type {
        border-bottom: 0;
    }

    .categoryMenu a.active {
        background: #fff !important;
        color: #4e9fea !important;
    }
        .categoryMenu a.active:after {
            content: "";
            border: solid #4e9fea;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            position: absolute;
            right: 10px;
            top: 15px;
        }
.selected_value {
    display: inline-block;
    color: #355681;
}
    .selected_value b {
        font-weight: 500;
        color: #4e9fea;
    }
.config_option {
    display: block;
    padding: 15px 15px 15px;
    position: relative;
    padding-right: 200px;
    border-bottom: 1px solid #355681;
}
.settings_form h5,
.settings_form h5 b {
    font-family: "Roboto" !important;
    font-weight: 500 !important;
    font-size: 13px;
    margin-bottom: 50px !important;
}
    .settings_form h5#CategoryHeading {
        position: absolute;
        top: 0;
    }
    .settings_form .button_container {
        margin: 40px 0 0;
        padding: 10px;
        text-align: right;
    }
.settings_form label,
.select_setting label {
    display: inline-block;
    color: #355681;
}
.select_setting select {
    position: absolute;
    right: 0;
    top: 50%;
    width: 200px;
    box-sizing: border-box;
    padding: 5px;
    transform: translateY(-50%);
}
div.contents_declaration {
}
    div.contents_declaration .form_data_table tr#PLRow_ManualAddItem {
        border-top: 20px solid transparent;
    }
        div.contents_declaration .form_data_table tr#PLRow_ManualAddItem td {
            border-top: 5px solid #fff;
        }
    .form_manager .contents_declaration .BoxNumber  {
        margin-top: 90px !important;
    }
        .form_manager .contents_declaration #packingListCreate.active .BoxNumber,
        .form_manager .contents_declaration .BoxNumber.BoxID_1 {
            margin-top: 0px !important;
        }
    .form_manager .contents_declaration table div.highlight_helper {
        display: none !important;
        }
        .form_manager .contents_declaration table.BoxNumber_1 div.highlight_helper {
            display: block !important;
        }
    .form_manager div.contents_declaration .form_data_table tfoot tr td {
        border-bottom: none !important;
        border-top: none !important;
        padding: 0 !important;
        background-color: transparent !important;
    }
    .form_manager div.contents_declaration .form_data_table tfoot tr#PL_ValidationTrigger td {
        border-bottom: 10px solid #fff !important;
        border-top: 10px solid #fff !important;
        background-color: #fff !important;
    }
        div.contents_declaration .form_data_table tr#PL_ValidationTrigger td #csErrorMatch,
        div.contents_declaration .form_data_table tr#PL_ValidationTrigger td #plErrorMatch {
            border-style: dashed !important;
            border-color: red !important;
            background-color: #fff !important;
            color: red !important;
            text-align: left;
            padding-left: 25px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -khtml-border-radius: 5px;
        }
            div.contents_declaration .form_data_table tr#PL_ValidationTrigger td #csErrorMatch:before,
            div.contents_declaration .form_data_table tr#PL_ValidationTrigger td #plErrorMatch:before {
                display: none;
            }
    div.contents_declaration #Section_ContentsSummary {
        padding-top: 25px;
    }
    div.contents_declaration #packingListUpload {
        padding-top: 0;
    }
    div.contents_declaration #Section_ContentsDeclaration {
        padding-top: 50px;
    }
div.contents_declaration #Section_ContentsDeclaration .left_column,
div.contents_declaration #Section_ContentsDeclaration .right_column {
    padding-top: 20px;
}
div.contents_declaration #Section_ContentsDeclaration .right_column.bordered_info {
    margin-top: 10px !important;
}
    div.contents_declaration #Section_ContentsDeclaration .right_column.bordered_info p {
        font-size: 12px;
    }
    div.contents_declaration #Section_ContentsDeclaration .right_column.bordered_info strong {
        display: block;
        font-size: 18px !important;
        color: #355681 !important;
        margin-bottom: 10px;
    }
div.contents_declaration #Section_ContentsDeclaration h2 {
    margin-bottom: 15px !important;
}
div.contents_declaration #Section_ContentsDeclaration .video_popup .control.image_link {
    float: none;
    margin: auto;
    max-width: 500px;
 
}

div.contents_declaration div.icon-list.dangerous {
    text-align: center;
}
div.contents_declaration div.icon-list.dangerous li {
    width: 31%;
    margin: auto;
    display: inline-block;
    text-align: center;
    float: none;
    box-sizing: border-box;
}
    div.contents_declaration div.icon-list.dangerous li img {
        max-width:50px;

    }

.list_alpha,
.list_alpha li,
.list_alpha span {
    display: block;
    list-style-type: none;
    text-align: left;
    line-height: 1.5em;
    position: relative;
    font-size: 12px;
}
    .list_alpha {
        padding:  0 0 15px 0;
    }
    .list_alpha li,
    .list_alpha span {
        padding: 10px 0px 10px 60px;
    }
	.list_alpha li:before,
	.list_alpha span:before {
		display: block;
	    width: 30px;
		height: 30px;
		position: absolute;
		left:10px;
		top: 5px;
		text-align: center;
		box-sizing: border-box;
		padding: 5px 0 0 0;
		-moz-border-radius: 50%;
		webkit-border-radius: 50%;
		border-radius: 50%;
		-khtml-border-radius: 50%;
		}
		.list_alpha li:first-of-type:before, .list_alpha span:first-of-type:before { content: "a"; }
		.list_alpha li:nth-of-type(2):before, .list_alpha span:nth-of-type(2):before { content: "b"; }
		.list_alpha li:nth-of-type(3):before, .list_alpha span:nth-of-type(3):before { content: "c"; }
		.list_alpha li:nth-of-type(4):before, .list_alpha span:nth-of-type(4):before { content: "d"; }
		.list_alpha li:nth-of-type(5):before, .list_alpha span:nth-of-type(5):before { content: "e"; }
		.list_alpha li:nth-of-type(6):before, .list_alpha span:nth-of-type(6):before { content: "f"; }
		.list_alpha li:nth-of-type(7):before, .list_alpha span:nth-of-type(7):before { content: "g"; }
		.list_alpha li:nth-of-type(8):before, .list_alpha span:nth-of-type(8):before { content: "h"; }
		.list_alpha li:nth-of-type(9):before, .list_alpha span:nth-of-type(9):before { content: "i"; }
		.list_alpha li:nth-of-type(10):before, .list_alpha span:nth-of-type(10):before { content: "j"; }
		.list_alpha li:nth-of-type(11):before, .list_alpha span:nth-of-type(11):before { content: "k"; }
		.list_alpha li:nth-of-type(12):before, .list_alpha span:nth-of-type(12):before { content: "l"; }


        .list_alpha li:after,
        .list_alpha span:after {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            position: absolute;
            left: 33px;
            top: 14px;
            transform: rotate(45deg);
        }
        .list_alpha p strong {
            color: #355681 !important;
            font-family: "Roboto" !important;
            font-size: 13px;
            font-weight: 800 !important;
        }

.contents_declaration #Section_ContentsValue {
    text-align: right;
    max-width: 400px;
}

    .contents_declaration #Section_ContentsValue span.currency {
        position: absolute;
        top: 50%;
        left: 15px;
        display: block;
        transform: translateY(-50%);
    }
    .contents_declaration #Section_ContentsValue input {
        padding: 12px 29px 12px 25px;
        text-align: right !important;
        box-sizing: border-box;
        margin: 4px 0;
    }


.contents_declaration #Section_ContentsSummary .data_form {
    max-width: 850px;
}
.contents_declaration #Section_ContentsSummary .data_form tbody tr td:last-of-type {
    width: 10%;
    white-space: nowrap;
}

.contents_declaration #InfoInvoiceRequirements.nested_lists li {
    width: 50%;
    display: block;
    float: left;
}
.contents_declaration #InfoInvoiceRequirements.nested_lists li li {
    width: 100%;
}
.contents_declaration #InfoInvoiceRequirements.nested_lists li:first-of-type {
    clear: left;
}
.contents_declaration #InfoInvoiceRequirements.nested_lists li:first-of-type {
    
}
.load_invoice {
    background-color: #42a5f5;
    color: #fff !important;
    padding: 9px 20px 9px 30px;
    text-decoration: none !important;
    font-size: 11px;
    margin-left: 10px;
    background-image: url(../layout/icon_import_data_white.png);
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    opacity: 1;
}
.load_invoice:hover {
    opacity: 0.8;
}
.form_manager .panel_button#LoadSavedInvoice {
    float: right;
    width: 33%;
}
.form_manager #PL_ConfirmItems,
.form_manager #search_commodity {
    display: none;
}
.form_manager #packingListCreate .notice_list {
    top: -35px;
}
.form_manager #packingListCreate #quote-packinglist .notice_list {
    top: 0;
}
.form_manager #packingListCreate.active {
    position: fixed;
    width: 80%;
    top: 10%;
    left: 10%;
    right: 10%;
    bottom: 10%;
    z-index: 500;
    background-color: #fff;
    border: 5px solid #2a6faf;
    padding: 35px;
    box-sizing: border-box;
}
    /*.form_manager #packingListCreate.active:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255,255,255, 0.9);
    }*/
    .form_manager #packingListCreate .packinglist #UpdateBox,
    .form_manager #packingListCreate.active h2,
    .form_manager #packingListCreate.active .form_instruction,
    .form_manager #packingListCreate.active #link_SwitchCurrency,
    .form_manager #packingListCreate.active .packinglist #ActivateCommodityManager,
    .form_manager #packingListCreate.active .form_settings,
    .form_manager #packingListCreate.active .packinglist th,
    .form_manager #packingListCreate.active .packinglist .PackageDetailsTable_Search,
    /*.form_manager #packingListCreate.active .packinglist td,*/
    /*.form_manager #packingListCreate.active .packinglist tr.manual_commodity,*/
    .form_manager #packingListCreate.active #Section_ContentsValue,
    .form_manager #packingListCreate.active #PL_ConfirmItems #EditItems {
        display: none;
    }
    .form_manager #packingListCreate.active #PL_ConfirmItems,
    .form_manager #packingListCreate.active #search_commodity {
        display: block;
    }
    .form_manager #packingListCreate.active .packinglist tfoot #UpdateBox {
        display: inline-block;
    }
    .form_manager #packingListCreate.active .packinglist th.summary_data,
    .form_manager #packingListCreate.active .packinglist td.summary_data,
    .form_manager #packingListCreate.active .packinglist tfoot td {
        display: table-cell;
    }
    .form_manager #packingListCreate.active .pop-up-left-col,
    .form_manager #packingListCreate.active .pop-up-right-col {
        width: 48%;
        float: left;
        /*z-index: 500;*/
        position: relative;
        clear: none;
    }
    .form_manager #packingListCreate.active .packinglist tfoot td {
        background-color: #fff !important;
        text-align: right;
    }
    .form_manager #packingListCreate.active .pop-up-left-col {
        margin-right: 0;
        padding-right: 2% !important;
        height: 100%;
        overflow-y: auto;
        padding-right: 5px;
    }
    .form_manager #packingListCreate.active .pop-up-right-col {
        margin-left: 1%;
        padding-left: 0 !important;
        height: 100%;
        width: 49%;
    }

    .form_manager #packingListCreate.active #CloseCommodityManager {
        position: absolute;
        display: inline-block !important;
        background: #fff;
        color: #fff;
        width: 35px;
        height: 35px;
        top: 0;
        left: 100%;
        z-index: 500;
        text-indent: -3000px;
        transform: translate(-35px, 0);
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
        .form_manager #packingListCreate.active #CloseCommodityManager:before,
        .form_manager #packingListCreate.active #CloseCommodityManager:after {
            position: absolute;
            left: 16px;
            top: 7px;
            content: ' ';
            height: 18px;
            width: 4px;
            background-color: #2a6faf;
            content: "";
        }
        .form_manager #packingListCreate.active #CloseCommodityManager:before {
            transform: rotate(-45deg);
        }
        .form_manager #packingListCreate.active #CloseCommodityManager:after {
            transform: rotate(45deg);
        }
        .form_manager #packingListCreate.active #BoxContentsContainer {
            display: block;
            height: 100%;
            overflow-y: auto;
            padding-right: 10px;
            padding-top: 20px;
            position: relative;
        }
        .form_manager #packingListCreate.active #PL_ConfirmItems {
            position: sticky;
            bottom: 0;
            right: 10px;
            width: 100%;
            padding: 10px;
            text-align: center;
            background-color: #EEF3F7 !important;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -khtml-border-radius: 5px;
        }
            .form_manager #packingListCreate.active #PL_ConfirmItems a {
                padding: 10px 30px !important;
            }
            .form_manager .contents_declaration #packingListCreate #CloseCommodityManager {
                display: none;
            }

.form_manager #packingListCreate.active .product_library_container {
    height: 100%;
    overflow-y: scroll;
}

.form_manager #packingListCreate.active .product_library_container th {
    display: table-cell;
}
.form_manager .contents_declaration table.form_data_table tbody tr#PLRow_ManualAddItem {
    position: relative;
    top: 10px;

}

.form_manager .contents_declaration table.form_data_table tbody tr:last-of-type td,
.form_manager .contents_declaration table.form_data_table tbody tr#PLRow_ManualAddItem td {
    border-bottom: none;
    border-top: 1px solid #fff;
}
.form_manager .contents_declaration table.form_data_table tbody tr#PLRow_SearchRow td {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    border-bottom: 1px solid #c5cfe2 !important;
}

    .form_manager .contents_declaration .form_data_table tr#PLRow_ManualAddItem td:first-of-type,
    .form_manager .contents_declaration table.form_data_table tbody tr#PLSearchRow td:first-of-type {
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        border-top-left-radius: 8px;

    }
    .form_manager .contents_declaration .form_data_table tr#PLRow_ManualAddItem td:last-of-type,
    .form_manager .contents_declaration table.form_data_table tbody tr#PLSearchRow td:last-of-type {
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        border-top-right-radius: 8px;
    }
    .form_manager .contents_declaration table.form_data_table tbody tr:last-of-type td:first-of-type,
    .form_manager .contents_declaration table.form_data_table tbody trtr#PLRow_ManualAddItem  td:first-of-type {
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-bottom-left-radius: 8px;
    }

    .form_manager .contents_declaration table.form_data_table tbody tr:last-of-type td:last-of-type,
    .form_manager .contents_declaration table.form_data_table tbody tr#PLRow_ManualAddItem td:last-of-type {
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        border-bottom-right-radius: 8px;
    }
    .form_manager .contents_declaration table.form_data_table tbody tr:last-of-type td label,
    .form_manager .contents_declaration table.form_data_table tbody tr#PLRow_ManualAddItem td label {
        font-weight: 500;
        font-size: 12px;
        display: none;
    }
        .form_manager .contents_declaration table.form_data_table tbody tr#PLRow_ManualAddItem td label.tabbed_heading {
            display: inline-block;
            position: absolute;
            background-color: #eef3f6;
            font-size: 11px;
            padding: 5px 15px;
            top: -20px;
            left: 0;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topright: 3px;
            border-top-right-radius: 3px;
            -webkit-border-top-left-radius: 3px;
            -moz-border-radius-topleft: 3px;
            border-top-left-radius: 3px;
        }
    .form_manager .contents_declaration table.form_data_table tfoot tr:last-of-type td  {
        border-bottom: none !important;
        -webkit-border-top-right-radius: 0 !important;
        -moz-border-radius-topright: 0 !important;
        border-top-right-radius: 0 !important;
        -webkit-border-top-left-radius: 0 !important;
        -moz-border-radius-topleft: 0 !important;
        border-top-left-radius: 0 !important;
    }
.form_manager .search_helper {
    display: block;
    position: relative;
}
.form_manager .lookup_button {
    display: block;
    color: #fff;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    background-size: 18px;
    background-image: url(../layout/icon_search_commodity.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
}

    .form_manager .lookup_button:hover {
        /*background-color: #2a6faf;*/
        background-size: 20px;
        opacity: 1;
    }
    .form_manager .search_helper .lookup_button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
table.form_data_table tr .PackageDetailsTable_Search {
    padding-right: 0 !important;
}
.form_manager table.form_data_table td.PackageDetailsTable_Description input[type="text"] {
    min-width: 200px;
}
.form_manager .contents_declaration table.form_data_table tbody tr td.PackageDetailsTable_Description .hover_prompt {
    min-width: 200px;
    box-sizing: border-box;
}
    
.form_manager .contents_declaration table.form_data_table thead {
/*    display: none;*/

}
.form_manager .contents_declaration #packingListCreate.active table.form_data_table thead {
    display: table-header-group;
}
.form_manager table.form_data_table tfoot tr:last-of-type td a.addRow {
    position: absolute;
    top: -42px;
    right: 20px;
}

.integrations_menu {
    display: block;
    font-family: "Roboto";
    text-align: center;
    background-color: #01619e;
}
    .integrations_menu ul {
        text-align: right;
        padding: 0;
        max-width: 1150px;
        margin: 0 auto;
    }
.integrations_menu li {
    display: inline-block;
    padding: 12px 0 7px;
    position: relative;
}
    .integrations_menu li ul {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #01619e;
        transform: translateY(100%);
        z-index: 5;
        display: none;
        border-top: 3px solid #fff;
    }
        .integrations_menu li:hover ul {
            display: block;
            min-width: 200px;
            border: 1px solid #fff;
        }
        .integrations_menu li:hover ul li {
            display: block;
        }
            .integrations_menu li:hover ul li:first-of-type:before {
                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);
                background-color: #01619e;
                left: 50px;
            }
    .integrations_menu li a {
        color: #fff;
        display: block;
        padding: 9px 20px 9px 35px;
        text-decoration: none;
        position: relative;
        text-align: left !important;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 32px auto;
    }
        .integrations_menu li li a {
            padding-left: 20px !important;
        }
        .integrations_menu li a:before {
            content: "";
            display: none;
            width: 21px;
            height: 21px;
            position: absolute;
            left: 45%;
            bottom: -32px;
            transform: rotate(45deg) translateX(-50%);
            background-color: #fff;
        }
        body.FulfillmentQuote .integrations_menu a.fulfilment_quote:before,
        body.Stock .integrations_menu a.fulfilment_stock_management:before,
        body.StockReport .integrations_menu a.fulfilment_stock_report:before,
        body.PreAdvise .integrations_menu a.fulfilment_stock_preadvise:before,
        body.EditStock .integrations_menu a.fulfilment_stock_management:before,
        body.NewStock .integrations_menu a.fulfilment_stock_management:before,
        body.FulfillmentQuote  .integrations_menu a.fulfilment_quote:before,
        body.service-options  .integrations_menu a.fulfilment_service_rules:before ,
        body.service-options  .integrations_menu a.fulfilment_service_rules:before {
            display: block;

        }
.data_tables .grey_form_table select,
.data_tables .grey_form_table input,
.data_tables .grey_form_table input[type="date"],
.data_tables .grey_form_table input[type="number"],
.data_tables .grey_form_table tr:last-of-type td input[type="number"]:invalid {
    background-color: #f3f6fc !important;
    border: 1px solid #4e9fea !important;
    width: auto;
    min-width:175px;
    padding: 7px 9px;
    box-sizing: border-box;
}
.data_tables .grey_form_table tr {
    border-bottom: none;
}
.data_tables .grey_form_table tr {
    border-bottom: 8px solid #fff;
    background-color: #f2f3f7;
    background: linear-gradient(to bottom, #f5f5f9, #f2f3f7);
}
    .FulfillmentQuote .address_format {
        padding: 20px;
    }
    .data_tables .grey_form_table tr td {
        padding: 10px 10px !important;
    }
    .data_tables .grey_form_table.addresss_list tr {
        border-bottom-width: 2px !important;
    }
    .data_tables .grey_form_table tr td input,
    .data_tables .grey_form_table tr td select {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
.data_tables .grey_form_table tfoot tr  {
    border-bottom: none !important;
}
    .data_tables .grey_form_table tfoot tr td {
        text-align: left;
        border-bottom: none !important;
        vertical-align: top;
        position: relative;

    }
.data_tables .grey_form_table tfoot tr td td {
    vertical-align: middle;
    width: 50%;
}
.data_tables .grey_form_table tfoot table {
    margin: 0 !important;
    width: 100%;
    font-size: 12px !important;
    max-width: 400px;
    float: right;
}
.data_tables .grey_form_table tfoot table td {
    padding: 12px 12px 3px !important;
}
.data_tables .grey_form_table td.stock_qty input,
.data_tables .grey_form_table td.stock_item select,
.data_tables .grey_form_table td.stock_units input {
    margin-top: 4px;
}
.data_tables .grey_form_table tfoot table td input {
    padding: 6px;
    box-sizing: border-box;
}
.data_tables .stock_item {
    width: 30%;
}
.data_tables .stock_item select {
    width: 100%;
    min-width: 100%;
}
.btn_add_item {
    padding: 9px 30px 10px 20px !important;
    font-size: 11px !important;
    color: #355681 !important;
    outline: none;
    text-align: right;
    display: inline-block;
    margin: 0 !important;
    min-width: 120px;
    white-space: nowrap;
    background-color: #f2f3f7;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    position: absolute;
    top: -12px;
    left: 0;
    background-position: right 8px !important;
}
.paging_toolbar {
    display: block;
    max-width: 1150px;
    margin: auto;
    font-weight: 500 !important;
    font-family: "Roboto";
    padding: 12px 20px !important;
    box-sizing: border-box;
    text-align: center;
    color: #8d8e93 !important;
    font-size: 12px;
}
    .paging_toolbar table {
        margin: auto;
    }
    .paging_toolbar select {
        padding: 5px;
        border: none;
    }
    .paging_toolbar strong {
        color: #4e9fea;
    }

    tr.consignment_summary_value td {
        padding-top: 40px !important;
    }
.form_manager tr.consignment_summary_value td {
    padding-top: 0 !important;
}





body.GB .form_container.customs_consignment_summary.GB tr.consignment_summary_value td,
body.GB .form_container.customs_consignment_summary.IM tr.consignment_summary_value td {
    padding-top: 0 !important;
}
    body.GB .form_container.customs_consignment_summary.GB tr.consignment_summary_value td label,
    body.GB .form_container.customs_consignment_summary.IM tr.consignment_summary_value td label {
        padding-top: 12px !important;
        display: block;
    }
ul.tiled_info,
section.tiled_info_container {
    display: block;
    width: 90%;
    margin: 30px auto 0;
    padding: 0;
    font-size: 0;
    box-sizing: border-box;
    list-style-type: none;
    height: 100%;
    max-width: 1200px;
}
    ul.tiled_info li {
        display: inline-block;
        display: table-cell;
        box-sizing: border-box;
        padding: 50px 30px;
        margin: 0;
        border: 1px solid #baccd6;
        border-left: none;
    }
        ul.tiled_info li a span.moreinfo  {background-color: #fff;}
        ul.tiled_info li.active {background-color: #fff;}
        ul.tiled_info li:first-of-type { border-left: 1px solid #baccd6; }

    ul.tiled_info.four li {
        width: 23%;
        margin: 0 1%;
        font-size: 12px;
        position: relative;
    }
        ul.tiled_info li h1,
        ul.tiled_info li h2,
        ul.tiled_info li h3,
        ul.tiled_info li h4 {
            font-family: "Roboto" !important;
            font-weight: 500 !important;
            font-size: 15px;
            padding: 0;
            margin: 0;
        }
    ul.tiled_info.four li a {
        text-decoration: none;
        display: block;
        
        background-repeat: no-repeat;
        background-size: 160px auto;
        background-position: top center;
        padding-top: 110px;
        height: 100%;
    }
        ul.tiled_info li.ddu a { background-image: url(../layout/icon_clipboard_amber.png); }
        ul.tiled_info li.dtp a { background-image: url(../layout/icon_clipboard_green.png); }
        ul.tiled_info li.ioss a { background-image: url(../layout/icon_conveyor.png); }
        ul.tiled_info li.fulfilment a { background-image: url(../layout/icon_fulfilment.png); }

    ul.tiled_info li a span.moreinfo {
        display: block;
        width: 60px;
        height: 60px;
        border: 2px solid #f2f7f9;
        box-shadow: 0px 1px 0px #baccd6;
        position: absolute;
        left: 50%;
        bottom: -30px;
        transform: translateX(-50%);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
    }
        ul.tiled_info li a span.moreinfo:before {
            display: block;
            content: "";
            width: 15px;
            height: 15px;
            box-shadow: 4px 4px 0px #004a8a;
            transform: rotate(45deg);
            position: absolute;
            top: 16px;
            left: 23px;
        }
        ul.tiled_info li a:hover span.moreinfo {
            background-color: #fff;
            border: 2px solid #004a8a;
        }
        ul.tiled_info li.active a span.moreinfo {
            background-color: #42d15a;
            border: 2px solid #42d15a;
        }
        ul.tiled_info li.active a span.moreinfo:before {
             box-shadow: 4px 4px 0px #fff;
        }
    ul.tiled_info.options li:after {
        display: block;
        content: "";
        width: 100px;
        height: 50px;
        background-color: #004a8a;
        color: #fff;
        font-family: "RobotoBold";
        position: absolute;
        top: -1px;
        left: -1px;
        text-transform: uppercase;
        font-size: 10px;
        z-index: 0;
        -webkit-border-bottom-right-radius: 100px;
        -moz-border-radius-bottomright: 100px;
        border-bottom-right-radius: 100px;
    }
    ul.tiled_info.options li:before {
        display: block;
        /*background-color: #004a8a;*/
        color: #fff;
        padding: 0;
        width: 70px;
        font-family: "RobotoBold";
        position: absolute;
        top: 16px;
        left: 0px;
        text-transform: uppercase;
        font-size: 10px;
        z-index: 1;
    }
        ul.tiled_info.options li:nth-of-type(1):before { content: "Option 1"; }
        ul.tiled_info.options li:nth-of-type(2):before { content: "Option 2"; }
        ul.tiled_info.options li:nth-of-type(3):before { content: "Option 3"; }
        ul.tiled_info.options li:nth-of-type(4):before { content: "Option 4"; }
        ul.tiled_info.options li:nth-of-type(5):before { content: "Option 5"; }
        ul.tiled_info.options li:nth-of-type(6):before { content: "Option 6"; }
        ul.tiled_info.options li:nth-of-type(7):before { content: "Option 7"; }
        ul.tiled_info.options li:nth-of-type(8):before { content: "Option 8"; }

    ul.tiled_info.options li.active:after { background-color: #42d15a;   }

#EUShippingOptions li { height: 100%; }

.popup_postcode_chk {
    display: none;

}
.popup_postcode_chk.active {
    display: block;
}
    .popup_postcode_chk .close_button {
        display: inline-block;
        background-image: url(../layout/icon-deactivate-menu.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding: 0;
        color: #296db3;
        font-weight: bold;
        font-family: "Roboto";
        text-transform: uppercase;
        position: fixed;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        text-indent: -999px;
        overflow: hidden;
        text-decoration: none !important;
    }
.popup_postcode_chk .inner {
    position: fixed;
    top: 50%;
    left: 50%;
    right: 0;
    width: 80%;
    max-height: 80%;
    max-width: 700px;
    transform: translate(-50%,-50%);
    background-color: #fff;
    z-index: 5000;
    padding: 30px;
    margin: 0 !important;
    text-align: center;
    box-sizing: border-box;
    border: 3px solid #004a8a;
    overflow-y: scroll;
}
.popup_postcode_chk:before {
    position: fixed;
    z-index: 4999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.85);
    content:"";
}
.popup_postcode_chk .inner h5 {
    font-family: "Roboto" !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    text-align: left;
    color: #054f95;
    font-weight: bold !important;
}
    #FDLPostcodeChk.popup_postcode_chk .inner h5 {
        background-image: url('https://www.transglobalexpress.com/assets-uk/media/servicelogos/brand/fdl.png');
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 60px auto;
        padding-left: 70px !important;
        font-size: 16px;
    }
.popup_postcode_chk .inner span.note {
    padding-bottom: 8px;
}
.popup_postcode_chk .inner table.standard {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.popup_postcode_chk .inner table th,
.popup_postcode_chk .inner table td {
    width: auto;
    padding: 1.5vh 5px;
    font-family: "Roboto";
    text-align: left !important;
}
#FDLPostcodeChk .inner table tr th:first-of-type,
#FDLPostcodeChk .inner table tr td:first-of-type {
    width: 150px !important;
}
#FDLPostcodeChk .inner table tr:nth-of-type(odd) td {
    background-color: #e2eaf9 !important;
}
div#dx_transit_time_map {
    display: block;
    padding: 0;
    margin: 0;
    width: auto;
}
    div#dx_transit_time_map .image,
    div#dx_transit_time_map table {
        width: 45%;
        float:left;
        margin-top: 30px;
    }

        div#dx_transit_time_map .image {
            display: inline-block;
            width: 45%;
            float: right;
        }
        div#dx_transit_time_map .image img {
            width: 100%;
            max-width: 300px;
        }
        div#dx_transit_time_map table th,
        div#dx_transit_time_map table td {
            text-align: left;
            font-family: "Roboto";
            font-size: 12px;
        }
    div#dx_transit_time_map table tr td:last-of-type {
        font-weight: bold;
    }
    div#dx_transit_time_map table tr td:first-of-type span {
        display: block;
        width: 40px;
        height: 24px;
        border: 1px solid #606b7f;
    }
                div#dx_transit_time_map table tr.uk_mainland td:first-of-type span { background-color: #4770b2; }
                div#dx_transit_time_map table tr.uk_london td:first-of-type span { background-color: #000; }
                div#dx_transit_time_map table tr.uk_iow td:first-of-type span { background-color: #ffaec8; }
                div#dx_transit_time_map table tr.uk_ni td:first-of-type span { background-color: #84e919; }
                div#dx_transit_time_map table tr.uk_roi td:first-of-type span { background-color: #64bb4a; }
                div#dx_transit_time_map table tr.uk_highlands td:first-of-type span { background-color: #7cb3cd; }
                div#dx_transit_time_map table tr.uk_offshore td:first-of-type span { background-color: #b83dba; }


                section.tiled_info_container {
                    display: none;
                    border: 1px solid #baccd6;
                    margin: 0 auto;
                    height: auto;
                    font-size: 12px;
                }
    section.tiled_info_container.active {
        display: block;
    }
    section.tiled_info_container div {
        display: none;
        text-align: center;
    }
    .tiled_info_container div.active {
        display: block;
    }
section.tiled_info_container div h3 {
    font-size: 25px;
    font-family: "Roboto" !important;
    padding: 50px 0 20px;
    font-weight: 500;
    display: block;
}
section.tiled_info_container div.inner {
    display: block;
    max-width: 800px;
    padding: 0 0 50px 0;
}
    section.tiled_info_container div.inner .note {
        text-align: left;
    }
section.tiled_info_container div ul {
    display: block;
    width: 50%;
    margin: auto;
    list-style-type: none;
    float: left;
    padding: 0 0 50px;
}
    section.tiled_info_container div ul li {
        text-align: left;
        padding: 10px 10px 10px 40px;
        color:#02548F !important;
        font-family: "Roboto";
        box-sizing: border-box;
        background-position: 5px center;
        background-repeat: no-repeat;
    }
    section.tiled_info_container div ul.pros li {background-image: url(../layout/tick_green.png)}
    section.tiled_info_container div ul.cons li {background-image: url(../layout/icon-red-cross-small.png)}


    div.article-footer {
        display: block;
        position: relative;
        text-align: center;
        margin-top: 40px;
        padding: 80px 0 40px;
        background-color: #f6f9fc;
        overflow-x: hidden;
    } div.article-footer a.backbtn {
        background-color: #296db3;
        color: #fff;
        padding: 10px 20px;
        -moz-border-radius: 12px !important;
        -webkit-border-radius: 12px !important;
        border-radius: 12px !important;
        -khtml-border-radius: 12px !important;
        text-decoration: none;
        position: relative;
        top: -53px;
        z-index: 3;
        } @media screen and (min-width: 850px) and (max-width: 1200px) {
        ul.advent li {
            width: 33%;
        }

    } @media screen and (min-width: 450px) and (max-width: 849px) {
        ul.advent li {
            width: 50%;
            padding: 5px;
        }
    } @media screen and (max-width: 449px) {
        ul.advent li {
            width: 100%;
            padding: 5px;
        }
    } div.editaddress table.options_table td.FormTableLabel {
    width: 40%;
    text-align: right;
    vertical-align: middle;
} div.editaddress table.options_table .radio_preferences.residential {
    max-width: 220px;
} @media screen and (min-width: 1100px) {

    .news_headlines li { 
        width: 29.3%; 
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        -khtml-border-radius: 15px;
    } 
    .news_headlines div.news_summary { min-height: 290px; }
    .news_headlines div.button { position: relative; top: 10px;}

} @media screen and (min-width: 1000px) {
        div.info_popup.active {
            top: 50%;
            left: 30%;
            right: 30%;
            }
    .news_panel li {
        width: 33.3%;
    }
    .news_panel li.twocol {
        width: 66.6%;
    }
    .news_panel.onecol li,
    .news_panel li.threecol {
        width: 99.9%;
    }
    .news_panel.ezine ul {
        height: 3480px;
        position: relative;
    }
        .news_panel.ezine.home ul { height: 870px; }
        .news_panel.ezine.destinations_europe ul { height: 1780px; }

        .news_panel.ezine li ul.published {
            height:auto !important;
        }
    .news_panel.ezine li {
        position: absolute;
        height: auto;
    }
       
        .news_panel.ezine li:nth-of-type(odd) {
            height: 500px;
        }

        .news_panel.ezine li:nth-of-type(even)  {
            height: 370px;
        }
        .news_panel.ezine li:nth-of-type(1),
        .news_panel.ezine li:nth-of-type(4),
        .news_panel.ezine li:nth-of-type(7),
        .news_panel.ezine li:nth-of-type(10),
        .news_panel.ezine li:nth-of-type(13),
        .news_panel.ezine li:nth-of-type(16),
        .news_panel.ezine li:nth-of-type(19),
        .news_panel.ezine li:nth-of-type(22),
        .news_panel.ezine li:nth-of-type(23) {
            left: 0;
            z-index: 1;
        }
        .news_panel.ezine li:nth-of-type(2),
        .news_panel.ezine li:nth-of-type(5),
        .news_panel.ezine li:nth-of-type(8),
        .news_panel.ezine li:nth-of-type(11),
        .news_panel.ezine li:nth-of-type(14),
        .news_panel.ezine li:nth-of-type(17),
        .news_panel.ezine li:nth-of-type(20),
        .news_panel.ezine li:nth-of-type(23),
        .news_panel.ezine li:nth-of-type(26) {
            left: 33.3%;
            z-index: 1;
        }
        .news_panel.ezine li:nth-of-type(3),
        .news_panel.ezine li:nth-of-type(6),
        .news_panel.ezine li:nth-of-type(9),
        .news_panel.ezine li:nth-of-type(12),
        .news_panel.ezine li:nth-of-type(15),
        .news_panel.ezine li:nth-of-type(18),
        .news_panel.ezine li:nth-of-type(21),
        .news_panel.ezine li:nth-of-type(24),
        .news_panel.ezine li:nth-of-type(27) {
            left: 66.6%;
            z-index: 1;
        }
        .news_panel.ezine li:nth-of-type(1),
        .news_panel.ezine li:nth-of-type(2),
        .news_panel.ezine li:nth-of-type(3) {
            top: 0;
        }
        .news_panel.ezine li:nth-of-type(4),
        .news_panel.ezine li:nth-of-type(6) {
            top: 500px;
        }
        .news_panel.ezine li:nth-of-type(5) {
            top: 370px;
        }
        .news_panel.ezine li:nth-of-type(7),
        .news_panel.ezine li:nth-of-type(8),
        .news_panel.ezine li:nth-of-type(9) {
            top: 870px;
        }
        .news_panel.ezine li:nth-of-type(10),
        .news_panel.ezine li:nth-of-type(12) {
            top: 1370px;
        }
        .news_panel.ezine li:nth-of-type(11) {
            top: 1240px;
        }
        .news_panel.ezine li:nth-of-type(13),
        .news_panel.ezine li:nth-of-type(14),
        .news_panel.ezine li:nth-of-type(15) {
            top: 1740px;
        }

        .news_panel.ezine li:nth-of-type(16),
        .news_panel.ezine li:nth-of-type(18) {
            top: 2240px;
        
        }
        .news_panel.ezine li:nth-of-type(17) {
            top: 2110px;
        }
        .news_panel.ezine li:nth-of-type(19),
        .news_panel.ezine li:nth-of-type(20),
        .news_panel.ezine li:nth-of-type(21) {
            top: 2610px;
        }
        .news_panel.ezine li:nth-of-type(22),
        .news_panel.ezine li:nth-of-type(24) {
            top: 3110px;
        }
        .news_panel.ezine li:nth-of-type(23) {
            top: 2980px;
        }
        .news_panel.ezine li:nth-of-type(25) {
            display: none;
        }
        .news_panel.ezine li ul.published li {
            position: relative !important;
            height: auto !important;
            top: 0;
            left: 0;
            right: 0;
        }
} @media screen and (max-width: 1100px) {

    .form.generic .center-column.seventy.quoteform,
    section.banner.media .center-column.seventy.quoteform {
        width: 90%;
        margin: 0px 5%
    }
} @media screen and (max-width: 980px) {

    section.banner.media.tracking img {
            transform: translateX(-60%);
    }
} @media screen and (max-width: 900px) {

    section.banner.media.tracking a.more,
    section.banner.media.tracking img {
       display: none !important;
    }
    section.banner.media.tracking label {
        margin: 20px auto 10px;
    }

} @media screen and (min-width: 700px) and (max-width: 999px) {
    .news_panel li {
        width: 50%;
    }
} @media screen and (min-width: 400px) and (max-width: 699px) {
    .news_panel li {
        width: 100%;
        float: none;
    }
} @media screen and (max-width: 399px) {
    .news_panel li {
        width: 100%;
        float: none;
    }
    .news_panel li p {
        display: none;
    }
} @media screen and (min-width: 751px) and (max-width: 1099px) {

    .news_headlines div.news_summary { min-height: 190px; }
} @media screen and (min-width: 751px) and (max-width: 999px) {
     
    div.info_popup.active {
        top: 50%;
        left: 15%;
        right: 15%;
        }
} @media screen and (max-width: 750px) {

    .news_headlines li { width: 94%; } 

    div.info_popup.active {
        top: 50%;
        left: 8%;
        right: 8%;
        }
    
} @media screen and (min-width: 650px) {

    

    ul.flow-chart li {
        float: left;
        width: 25%;
        height: 190px;
        margin-bottom: 130px;
    }
     ul.flow-chart li.option {
           margin-left: 15%;
           width: 30%
        }
     ul.flow-chart li:nth-of-type(odd):after {
        border-left: 2px dashed #69bbef;
        border-right: 2px dashed #69bbef;
        border-top: 2px dashed #69bbef;
        top: -34px;
    }
    ul.flow-chart li:nth-of-type(even):after {
        border-left: 2px dashed #69bbef;
        border-right: 2px dashed #69bbef;
        border-bottom: 2px dashed #69bbef;
        bottom: -34px;
    }
    ul.flow-chart li:after {
        height: 28px;
        width: 100%;
        left: 50%;
    }
        ul.flow-chart li:nth-of-type(4):after {
            left: -100%;
            border-left: none;
            height: 60px;
            bottom: -65px;
            width: 150%;
        }
        ul.flow-chart li:nth-of-type(4):before {
            left: -100%;
            border-left: none;
            height: 58px;
            bottom: -123px;
            width: 150%;
            border-left: 2px dashed #69bbef;
            border-right: none;
            border-top: none;
        }
        ul.flow-chart li.option {
            margin-bottom: 75px;
        }
        ul.flow-chart li.option.one:after {
            width: 135%;
        }
        ul.flow-chart li.option.one div:before {
            border-left: 2px dashed #69bbef;
            border-right: none;
            border-bottom:  2px dashed #69bbef;
            content:"";
            width: 25px;
            height: 255px;
            position: absolute;
            left: -40px;
            top: -165px;
             /*-ms-transform: rotate(7deg);
            -webkit-transform: rotate(7deg);
            transform: rotate(7deg);*/
        }
    ul.flow-chart li.option.two:after {
        width: 210% !important;
        left: -170% !important;
        bottom: -35px;
        height: 30px !important;
        border-left: none;
    }
        ul.flow-chart li.option.two:before {
            width: 70px !important;
            left: -170% !important;
            bottom: -215px;
            height: 180px;
            border-left: 2px dashed #69bbef;
            border-right: none;
            border-bottom: 2px dashed #69bbef;
        }
        ul.flow-chart li:nth-of-type(7) {
            margin-left: 12.5%;
        }
} @media screen and (min-width: 516px) and (max-width: 650px) {
    .form.generic .center-column.seventy.quoteform,
    section.banner.media .center-column.seventy.quoteform {
       margin-top: 20px;
    }
} @media screen and (max-width: 515px) {
    .form.generic .quoteform .field_group.col_50,
    section.banner.media .quoteform .field_group.col_50 {
        width: 94% !important;
        margin: 10px 3%  25px !important;
    }
} @media screen and (min-width: 360px) and (max-width: 649px) {
    ul.flow-chart li {
        clear: both;
        margin: 0;
        width: 47%;
    }
        ul.flow-chart li div {
            margin: 0;
        }
    ul.flow-chart li:nth-of-type(even) {
        float: right;
    }
    ul.flow-chart li:nth-of-type(odd) {
        margin-left: 3%;
    }
        ul.flow-chart li:after,
        ul.flow-chart li:before {
            width: 70%; 
            height: 80px;
        }
        ul.flow-chart li:nth-of-type(odd):after {
            border-right: 2px dashed #69bbef;
            border-top: 2px dashed #69bbef;
            bottom: 0px;
            left: 80%;
        }
         ul.flow-chart li:nth-of-type(even):after {
            border-left: 2px dashed #69bbef;
            border-top: 2px dashed #69bbef;
            bottom: 0px;
            right: 80%;
        }
        ul.flow-chart li:nth-of-type(4):before {
            border-right: 2px dashed #69bbef;
            border-top: none;
            height: 200px;
            bottom: -200px;
            right: 50%;
            
        }
        ul.flow-chart li.option.one:after {
            border-left: 2px dashed #69bbef;
            border-bottom: 2px dashed #69bbef;
            border-right: none;
            height: 810px;
            top: -680px;
            left: -24px;
            width: 24px;
        }
    ul.flow-chart li:nth-of-type(odd) {
        float: left;
    }
} @media screen and (max-width: 359px) {
    ul.flow-chart li:after {
        border-left: 2px dashed #69bbef;
        height: 40px;
        width: 10px;
        content: "";
        left: 50%;
        bottom: -46px;
    }
    ul.flow-chart li:nth-of-type(4):before {
        border-right: 2px dashed #69bbef;
        border-bottom: 2px dashed #69bbef;
        height: 20px;
        width: 50px;
        content: "";
        left: 20%;
        bottom: -26px;  
        }
    ul.flow-chart li:nth-of-type(4):after {
        border-left: 2px dashed #69bbef;
        border-bottom: 2px dashed #69bbef;
        border-right: none;
        height: 20px;
        width: 50%;
        content: "";
        left: 50%;
        bottom: -26px;   
        }
    ul.flow-chart li.option.one:before {
        border-left: 2px dashed #69bbef;
        height: 30px;
        top: -20px;
        left: 20%;
    }
    ul.flow-chart li.option.one:after {
        height: 900px;
        border-left: 2px dashed #69bbef;
        border-bottom: 2px dashed #69bbef;
        border-top: 2px dashed #69bbef;
        width: 40px;
        left: -15px;
        bottom: 58%;
    }
    ul.flow-chart li.option.two:before {
        border-right: 2px dashed #69bbef;
        border-bottom: 2px dashed #69bbef;
        height: 400px;
        bottom: 54px;
        right: -5px;
        width: 25px;
    }
} @media screen and (min-width: 381px) {
        .news_headlines li span.image-container {
            position: absolute;
            left: 15px;
            top: 35px;
        }
        .news_headlines li span.image-container span {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
        }
    
} @media screen and (max-width: 380px) {
    .news_headlines div.news_summary { margin: 0 10px !important; }
    .news_headlines li { text-align: center; margin: 3%; }
    .news_headlines li span.image-container { margin-bottom: 15px; }
    .news_headlines div.news_summary { padding: 0 0px 20px;}
} @media screen and (min-width: 450px) {
    div.popupWrapper div.popupInner {
        width: 80%;
    }
} @media screen and (max-width: 449px) {
    div.popupWrapper div.popupInner {
        width: 94%;
    }
    .uspsHeader, .uspsTrackItem {
        font-size: 0.85em !important;
    }
    div.panelledArea .box {
        padding: 5px !important;
    }
} @media screen and (max-width: 1150px) {
    a.circle {
        display: none;
    }

} @media screen and (min-width: 500px) {
    ul.share-links li.facebook span::after {
        content: " on Facebook";
    }

    ul.share-links li.twitter span::after {
        content: " on Twitter";
    }

    ul.share-links li.googlePlus span::after {
        content: " on Google+";
    }

    table.split tr.bottom td,
    table.split tr:last-of-type td {
        -webkit-border-bottom-left-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px; 
        border-bottom: 1px solid #afc0e1;
        }
    table.split tr td {
        border-top: none;
        border-bottom: none;
        padding: 11px 5px !important;
        }
    table.split tr th {
        border-bottom: none !important;
        padding: 7px 5px !important; 
        -webkit-border-top-left-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 15px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        }

} @media screen and (max-width: 450px) {
    #consignmentSummary .invoice_options td label,
    #consignmentSummary .invoice_options .radio_buttons {
        display: block;
        width: 100%;
        text-align: center;
    }
    #consignmentSummary .invoice_options td {
        padding-top: 20px;
    }
    .invoice_options .radio_buttons:hover span.note, .form_container .invoice_options .field_container span.note {
        left: 50%;
    }
} @media screen and (min-width: 349px) {
    table.form_table tr.tbl_controller a {
        float: right;
    }
    #packingListCreate tbody:last-of-type div.total_value {
        display: block;
        clear: both;
        padding: 5px 0 0 8px;
    }
} .divPostcodeAutofillSuggestions{
    position: absolute;
    top: 28px;
    width: 100%;
    max-height: 225px;
    overflow-y: auto;
    border: solid 1px #000;
    border-top-width: 0px;
    background-color: #FFF;
    font-size: 0.9em;
    z-index:250;
} .divPostcodeAutofillSuggestions a {
        text-decoration: none;
        color: inherit;
    } .divPostcodeAutofillSuggestions a:hover{
        background-color: #E1F9FD;
    } .divPostcodeAutofillSuggestions .row {
        display: block;
        padding: 5px 2px;
        border-top: solid 1px #AAA;
    } .divPostcodeAutofillSuggestions .first {
        border-top-width: 0px !important;
    } ul.ui-autocomplete{
    /*width: 170px !important;
    max-height: 150px;*/
    overflow-y: auto;
    width: auto !important;
    z-index: 5000;
} .FormTableField .divPostcodeAutofillSuggestions{
    top: 38px;
} #CMServiceDown {
    text-align: center;
    height: 75px;
    padding-top: 24px;
    font-size: 1.2em;
} .payInvoice div {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
} .payInvoice label {
    text-align: center !important;
} .tblPayOptions {
    margin-left: 20px !important;
} .alignCheckbox {
    vertical-align:bottom;
} .nofloat {
     float: none !important;
} .uspsTable{ margin: 20px auto; } .uspsHeader {
    color: #296DB3;
    font-size: 1.1em;
    font-weight: bold;
    background: #E2EAF9;
    min-height: 25px;
    padding: 6px 0;
    border-radius: 6px;
    font-size: 12px;
} .table-striped div:nth-of-type(odd) {
        background: #E2EAF9;
    } .table-striped div:nth-of-type(even) {
    background: #FFFFFF;
} .table-striped div{
    padding: 5px 0;
} .uspsTrackItem {
    min-height: 25px;
    padding: 18px 0;
    border-top: 1px solid #f1f1f1;
    margin: 0 6px !important;
    word-break: break-word;
    font-size: 12px;
}
/*div.CN span.note.center,
div.CN table.standard.rates {
	display: none;
}*/
.viewOrderLabelBtn {
    margin-bottom: 3px !important;
} #cart a{font-weight: bold;text-decoration: none; margin-right: 0;} .inputCollection {height: 15px;margin-top: 5px;padding: 5px;}
/* IPAD / LARGE SCREEN ONLY FIXES */
@media only screen and (device-width: 768px) {
  div.InnerWindow_Page div.controls {
        position: relative !important
    }
} .payinvoicebtn {
    background-color: #33ccd6 !important;
} .document_upload .jquery-filestyle input {
    color: #02548F;
    width: 230px !Important;
} .document_upload {
    display: block;
    border: 1px solid #a8b9d8;
    background-color: #e2eaf9;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    padding: 20px 20px 10px;
    text-align: center;
    max-width: 350px;
    margin: 20px auto 60px;
    } .document_upload input {
        border: 1px solid #a8b9d8;
    } span.key {
    display: inline-block;
    color: #02548F;
    font-size: 11px;
    position: relative;
    padding: 0 14px;
    margin-bottom: 30px;
} span.key:before {
    display: block;
    content: "";
    width: 4px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
} span.key.bulk_required:before {
        background-color: #f9c100;
    } table.options_table th, table.options_table td {
    padding: 8px;
    text-align: center;
    color: #054f95;
    font-weight: 400;
} table.options_table .button_blue, table.options_table .button_white {
    white-space: nowrap;
} table.options_table tbody:nth-child(even) {
    background-color: #e2eaf9 !important;
} table.options_table tr.option {
    position: relative;
} table.options_table th, table.options_table thead td {
    background-color: #054f95;
    position: relative;
    color: #fff;
    border-bottom: 1px solid #fff;
    
} table.options_table tr.option td {
    background-color: #416484;
    position: relative;
    color: #fff;
} table.options_table tbody tr td.button_cell:before { 
      display: block;
      height: 0; 
      content: "";
      border-left: 8px solid transparent;
      border-right: 8px solid  transparent;
      border-bottom: 8px solid #416484;
      position: absolute;
      top: -8px;
      right: 43%;
      z-index: 1;
} table.options_table tr.option td:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #f6f9fc;
} .formbox {
    display: block;
    border: 1px solid #a8b9d8;
    background-color: #e2eaf9;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    padding: 15px 20px;
    text-align: center;
    max-width: 350px;
    margin: 20px auto 60px;
} .formbox label {
        color: #02548F;
    } .formbox input[type=text] {
        padding: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -khtml-border-radius: 5px;
        border: 1px solid #bac9e5;
    }
/*#packingListUpload,
#consignmentSummary {
    display: block;
    float: left;
    width: 48%;
}*/
#breadcrumb_banner_footer,
#breadcrumb_banner_footer ul,
#breadcrumb_banner_footer li {
    display: block;
    color: #fff;
    position: relative;
}
#breadcrumb_banner_footer {
    padding: 0 0 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #01619e;
}
    #breadcrumb_banner_footer ul,
    #breadcrumb_banner_footer li {
        display: block;
        text-align: left;
        max-width: 1000px;
        margin: auto;
        z-index: 4;
    }
        #breadcrumb_banner_footer ul ul,
        #breadcrumb_banner_footer li li {
            display: inline-block;
            text-align: left;
        }
            #breadcrumb_banner_footer li a,
            div.containerbreadcrumb a {
                display: block;
                padding: 20px 10px 20px 15px;
                text-decoration: none;
                text-shadow: none;
                position: relative;
                margin: 0 0 10px 5px;
            }
                div.containerbreadcrumb a {
                    margin-bottom: 0;
                    padding: 12px 10px 12px 15px !important;
                }
                #breadcrumb_banner_footer li a:before,
                div.containerbreadcrumb a:before {
                    content: "";
                    display: block;
                    box-shadow: 2px 2px 0 0 #498bd0;
                    width: 7px;
                    height: 7px;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: rotate(-45deg) translateY(-50%);
                }
#breadcrumb_banner_footer:before {
    display: block;
    content: "";
    width: 120%;
    height: 80px;
    background-color: #01619e;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    position: absolute;
    top: -20px;
    left: -10%;
    border-top: 12px solid #01619e;
    z-index: 0;
}
#consignmentSummary {

} 
#consignmentSummary table {
        width: 100%;
    } table.packinglist .message, #consignmentSummary .message {
        display: block;
        padding: 4px;
        font-family: "Roboto";
        color: #fff;
        font-size: 11px;
        text-align: center;
        background-color: #ea4148;
        box-sizing: border-box;
        border-left: 1px solid #bac9e5;
        border-right: 1px solid #bac9e5;
        border-bottom: 1px solid #bac9e5;
    } table.packinglist .message {
            display: inline-block;
            border: 1px solid #ea4148;
            -moz-border-radius: 5px !important;
            -webkit-border-radius: 5px !important;
            border-radius: 5px !important;
            -khtml-border-radius: 5px !important;
            margin-top: 5px;
        } 
  #packingListUpload {
    display: block;
    clear: both;
    margin: auto 0 !important;
    box-sizing: border-box;
} #packingListUpload table {
        max-width: 700px;
        margin: auto;
    } #packingListUpload p, #packingListCreate p, div.info_popup.active li, div.info_popup.active span, div.warning-message.prohibited div.content {
        font-family: "Roboto" !important;
        color: #004a8a !important;
        width: 100% !important;
        box-sizing: border-box;
    } 
 #packingListCreate p {
    padding: 0 !important;
    margin:0 0 15px 0 !important;
}
    #packingListCreate .display_mobile {
        display: none;

    }
    div.contents_declaration .form_data_table tr#PLRow_ManualAddItem {
        border-top: none;
    }
    #packingListCreate p.example_text {
        position: relative;
        color: #355681 !important;
        font-style: italic;
        text-align: center;
        padding: 10px 50px 0 50px !important;
    }
        #packingListCreate p.example_text:before,
        #packingListCreate p.example_text:after {
            font-size: 100px;
            position: absolute;
            font-family: sans-serif;
            color: #EEF3F7;
        }        
            #packingListCreate p.example_text:before {
                content: "\201C";
                left: 0;
                top: 10px;
                transform: translate(0px, 100%);
            }
            #packingListCreate p.example_text:after {
                content: "\201D";
                right: 0;
                bottom: 0;
                transform: translate(-15px, 10px);
            }
.form_manager table.styled tbody tr.addedFromSearch:nth-of-type(odd) td {
    background-color: #f2fff4;
    transition-property: background-color;
    transition-duration: 3s;
    color: #407236 !important;
}
.form_manager table.styled tbody tr.addedFromSearch:nth-of-type(even) td {
    background-color: #def6e1 !important;
    color: #407236 !important;
}

.into_paragraph {
    display: block;
    text-align: center;
    font-family: "Roboto";
    color: #054f95;
}
.into_paragraph span {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
}
    .into_paragraph.info span {
        background-image: url("../layout/icon_info.png");
        padding-left: 24px;
    }
#SeaFreightSection .info_list {
    display: block;
    background-color: #fff;
    list-style-type: none;
    padding: 25px 25px;
    border: 1px solid #296db3;
    font-family: Roboto;
    color: #115fb2;
    box-sizing: border-box;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    -khtml-border-radius: 16px !important;
    max-width: 950px;
    margin: 0 auto 40px;
}
#SeaFreightSection .info_list:before {
    content: "Important";
    display: block;
    text-align: left;
    font-weight: 800;
    padding-bottom: 10px;
}
#SeaFreightSection .info_list li {
    padding: 5px 0 5px 20px;
    display: block;
    text-align: left;
    position: relative;
}
    #SeaFreightSection .info_list li:before {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border: 2px solid #498bd0;
        position: absolute;
        -moz-border-radius: 16px !important;
        -webkit-border-radius: 16px !important;
        border-radius: 16px !important;
        -khtml-border-radius: 16px !important;
        position: absolute;
        left: 0;
        top: 10px;
    }
    .form_container {
        display: block;
        padding: 20px;
        margin: 0;
        box-sizing: border-box;
        background-color: #eff3fa;
        border: 1px solid #bac9e5;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -khtml-border-radius: 12px;
    }
    .form_container.EORI_VAT {
        padding: 10px 20px;
    }
    .form_container.plain {
        background-color: transparent;
        border: none;
    } .form_container h1, .form_container h2, .form_container h3, .form_container h4, .form_container h5, .warning-message h2, .warning-message h3 {
        font-family: "Roboto" !important;
        font-weight: 300 !important;
        padding: 5px 0 15px !important;
        margin: 0 !important;
        color: #004a8a !important;
    } .form_container label {
        font-family: "Roboto" !important;
        color: #004a8a !important;
    } .form_container label span.labelnote {
            display: block;
            font-family: Roboto;
            font-size: 11px;
            color: #6a7a98;
            position: absolute;
        } .form_container .textbox_note {
        display: block;
        padding: 0 0 3px 0;
        box-sizing: border-box;
        bottom: 0;
        font-size: 11px;
        font-family: "Roboto";
        width: 100%;
        color: #333;
    } .form_container .textbox_note.disabled {
            background-color: #d3dcec !important;
            color: #425276 !Important;
        } 
      .currency_setting .textbox_note.disabled {
            padding: 0 0 3px 73px;
            box-sizing: border-box;
        }
.form_container .note.info.pointer ul {
    padding: 0 0 0 10px !important;
    position: relative;
    top: -8px;
}
    .form_container .note.info.pointer ul li {
        list-style-position: outside;
    }
    .form_container input[type="text"], 
    table.form_table .hover_prompt input[type="text"] {
        border: none;
        background-color: #fff;
        padding: 10px;
        box-sizing: border-box;
        display: block;
        width: 100%;
        font-family: "Roboto";
    }
        #consignmentSummary .form_container input[type="text"],
        #consignmentSummary .form_container select,
        #consignmentSummary table.form_table .hover_prompt input[type="text"] {
            padding: 14px 10px !important;
        }
        #consignmentSummary .form_container .field_container.currency_setting input[type="text"],
        #consignmentSummary .form_container .field_container.currency_setting input[type="number"]{
            padding-left: 75px !important;
        }

    .form_container input[readonly] {
            background-color:#d3dcec !important;
            background-image: url(../layout/icon_locked.png);
            background-position: right center;
            background-repeat: no-repeat;
            padding-bottom: 0 !important;
        } .form_container input[readonly]:after {
                display: block;
                position: relative;
                content: "This will be automatically taken from your Packing List";
            } .form_container input[type="file"] {
                border: none;
                background-color: #fff;
                padding: 7px 10px;
                box-sizing: border-box;
                display: block;
                width: 100%;
                font-family: "Roboto" !important;
            } .form_container select, .form_table select {
                border: none;
                background-color: #fff;
                padding: 10px;
                box-sizing: border-box;
                display: block;
                width: 100%;
                font-family: "Roboto";

            } .form_container span.note i, .insurance_boxes span.note i {
            font-style: normal;
            display: block;
            padding: 8px 0 0;
        } .hover_prompt span.prompt b, .form_container span.note b, .insurance_boxes span.note b {
            display: block;
            font-family: "Roboto";
            text-transform: uppercase;
        }
            span.note.warning {
                background-color: #feffdc !important;
                border: 1px solid #edebbd !important;
                background-image: url(../layout/icon-alert-notice-yellow.png);
                background-size: 17px;
                background-position: 8px 12px;
            }
                span.note.info.warning:before {
                    background-color: #feffdc !important;
                    box-shadow: 1px -1px 0px 0px #edebbd !important;
                }
                span.note.warning b {
                    
                    background-repeat: no-repeat;
                    color: #6a4101 !important;
                }      
    .form_container td {
        vertical-align: top;
    } .form_container tr td:first-of-type {
            padding-top: 10px;
        } .form_container .inner_form {
        border: 1px solid #bac9e5;
        background-color: #e2eaf9;
        padding: 20px;
        box-sizing: border-box;
        border: 1px solid #bac9e5;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -khtml-border-radius: 8px;
    } 
      .form_container .field_container, 
      table.form_table .hover_prompt {
        display: block;
        box-sizing: border-box;
        position: relative;
        border: 1px solid #bac9e5;
        background-color: #fff;
    }
        .form_container .field_container.info {
            margin-left: 30px;
        }
            .form_container .field_container.info:before {
                display: block;
                width: 17px;
                height: 17px;
                content: "i";
                color: #6a7a98;
                text-align: center;
                font-size: 11px;
                font-family: "Lato";
                font-weight: 900;
                padding: 1px 0 0;
                box-sizing: border-box;
                border: 1px solid #6a7a98;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                -khtml-border-radius: 50%;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: -25px;
            }
        .form_container .field_container:hover.info:before,
        .form_container .field_container:active.info:before,
        .form_container .field_container:focus.info:before {
            border-color: #498bd0;
            color: #498bd0;
            background-color: #fff;
        }
   table.form_table .hover_prompt.text {
            border: none !important;
            cursor: help;
            background-color: transparent !important;
        } table.form_table .hover_prompt.text span.prompt {
            text-transform: none !important;
            font-family: "Roboto" !important;
            font-weight: 500 !important;
        } table.form_table .hover_prompt.help:after, table.form_table .hover_prompt.help: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(-8px);
        } table.form_table .hover_prompt.help:after {
                content: " ";
                border: 1px solid #054f95;
            } table.form_table .hover_prompt.help:before {
                content: "i";
                z-index: 1;
                background-color: transparent;
                text-transform: none !important;
                font-family: "Roboto" !important;
                font-weight: 500 !important;
            }
.savedinvoices div.hover_prompt span.prompt h5,
#ServiceInformation .savedinvoices div.hover_prompt span.prompt h5 {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "RobotoBold" !important;
    font-weight: 800 !important;
    color: #498bd0 !important;
    padding-top: 0;
    padding-bottom: 0;
}
.radio_buttons span.note, .form_container span.note, .insurance_boxes span.note, div.hover_prompt span.prompt {
    color: #1f50ab !important;
    font-style: normal;
    font-family: "Roboto";
    font-size: 11px !important;
    margin: 6px 0 0;
    padding: 12px 12px 12px 12px !important;
    display: inline-block;
    background-color: #fffde8;
    border: 1px solid #498bd0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    letter-spacing: 0;
} .radio_buttons span.note.warning, .form_container span.note.warning {
            color: #5e4f25 !important;
            padding-left: 30px !important;
        } 
      .insurance_boxes span.note:before, 
      div.hover_prompt span.prompt:before, 
      .form_container span.note.pointer.top:before {
            display: block;
            width: 15px;
            height: 15px;
            background-color: #fff;
            -moz-box-shadow: 1px -1px 0px 0px #498bd0;
            -webkit-box-shadow: 1px -1px 0px 0px #498bd0;
            box-shadow: 1px -1px 0px 0px #498bd0;
            content: "";
            position: absolute;
            top: -7px;
            left: 25px;
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            -khtml-border-radius: 0;
        } .insurance_boxes span.note:before {
            left: 50%;
            top: -12px;
            transform: rotate(-45deg) translateX(-50%);
        } .radio_buttons span.note, .insurance_boxes span.note, div.hover_prompt span.prompt, .form_container .radio_container span.note, .form_container .field_container span.note {
        position: absolute;
        top: 100%;
        left: -10px;
        min-width: 300px;
        display: none;
    } .radio_buttons:hover span.note, .radio_buttons:focus span.note, .radio_buttons:active span.note, .insurance_boxes li:hover span.note, .insurance_boxes li:focus span.note, .insurance_boxes li:active span.note, div.hover_prompt:hover span.prompt, div.hover_prompt:focus span.prompt, div.hover_prompt:active span.prompt, .form_container .radio_container:hover span.note, .form_container .radio_container:active span.note, .form_container .radio_container:focus span.note, .form_container .field_container:hover span.note, .form_container .field_container:active span.note, .form_container .field_container:focus span.note {
        display: block !important;
        z-index: 50;
    } .radio_buttons span.note li, .form_container span.note li, .insurance_boxes span.note li, div.hover_prompt span.prompt li {
        list-style-position:inside;
    } .form_container .field_container.currency_setting select, .form_container .field_container.currency_setting span.currency {
        width: 68px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        box-sizing: border-box;
        border-right: 1px solid #bac9e5;
    } .form_container .field_container.currency_setting span.currency span {
            position: absolute;
            left: 50%;
            top: 50%;
            color: #000;
            transform: translateX(-50%) translateY(-50%);     
        } 
    .form_container .field_container.currency_setting input[type=text] {
        padding-left: 75px;
    } 
      .form_container span.note a {
        color: #0185cd;
    } .consignment_summary_value.active, .consignment_summary_value.active .field_container.currency_setting {
    display: block !important;
} .consignment_summary_value.active, .consignment_summary_value.active td {
        height: 0px;
        position: absolute;
    } .consignment_summary_value.active label, .consignment_summary_value.active span, .consignment_summary_value.active span.note, .consignment_summary_value.active:hover span.note, .consignment_summary_value.active:focus span.note, .consignment_summary_value.active:active span.note, .consignment_summary_value.active .form_container td.error, .consignment_summary_value.active input.ConsignmentValueTextBox {
        display: none !important;
    } .consignment_summary_value.active .field_container.currency_setting {
        position: fixed;
        z-index: 3001;
        left: 50%;
        top: 45%;
        font-family: "Roboto";
        transform: translateX(-50%) translateY(-50%);
        border: 1px solid #bac9e5 !important;
        background-color: #d5deee;
        width: 90%;
        max-width: 250px;
        padding: 10px;
        box-sizing: border-box;
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
        -khtml-border-radius: 10px !important;
    } .consignment_summary_value.active .field_container.currency_setting:before {
            content: "Currency Settings";
            color: #3a4964;
            position: relative;
            margin-left: 3px;
            display: block;
        } .consignment_summary_value.active .field_container.currency_setting select {
            position: relative;
            display: inline-block;
            width: 50%;
            border:1px solid #bac9e5;
            box-sizing: border-box;
            margin: 5px 0;
        } .consignment_summary_value .field_container.currency_setting a.select {
    display: none;
} .consignment_summary_value.active .field_container.currency_setting a.select {
            display: inline-block;
            width: 48%;
            color: #fff;
            text-align: center;
            box-sizing: border-box;
            background-color: #2e4b67;
            padding: 6px 0;
            text-decoration: none !important;
            -moz-border-radius: 10px !important;
            -webkit-border-radius: 10px !important;
            border-radius: 10px !important;
            -khtml-border-radius: 10px !important;
        } h2 a.currencysettings {
    font-size: 13px;
    font-family: "Roboto";
    background-image: url(../layout/cart/icon_cog.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    display: inline-block;
    float: right;
    color: #fff;
    text-decoration: none;
    background-color: #2e4b67;
    padding: 8px 30px 8px 16px;
     -moz-border-radius: 14px !important;
    -webkit-border-radius: 14px !important;
    border-radius: 14px !important;
    -khtml-border-radius: 14px !important;
} .form_container#consignmentSummary .field_container {
    border-top: none;
} .form_container#consignmentSummary tbody td input.OtherTextBox {
        border-top: 1px dashed #bac9e5;
        } .form_container#consignmentSummary tbody td #cellReasonForExportOther {
        position: relative;
    } div#packingListUpload tr:first-of-type .field_container, .form_container#consignmentSummary tbody tr:first-of-type .field_container {
        border-top: 1px solid #bac9e5;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    } div#packingListUpload tr.field_container_last .field_container, .form_container#consignmentSummary tbody tr.field_container_last .field_container {
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    } div#packingListUpload tr.field_container_last .field_container {
            border-top: none;
        } div#packingListUpload tbody td select, div#packingListUpload tbody td input[type="text"], div#packingListUpload tbody td input[type="file"], table.packinglist.form_table .hover_prompt input[type="text"], .form_container#consignmentSummary tbody td input[type="text"], .form_container#consignmentSummary tbody td select {
        background-color: transparent;
    } table.packinglist.form_table td.PackageDetailsTable_Weight input[type="text"] {
        text-align:right;
        padding-right: 30px;
    }
table td.PackageDetailsTable_CommodityCode {
    min-width: 100px;
}
table td.PackageDetailsTable_CommodityCode .hover_prompt {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
} table td.PackageDetailsTable_Value .hover_prompt {
    /*-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;*/
} table td.PackageDetailsTable_Weight .hover_prompt {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
} table.form_table tbody tr:first-of-type td.BoxNumber {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
} table.form_table tbody tr:nth-last-of-type(2) td.BoxNumber {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
} table.form_table tbody tr td.PackageDetailsTable_Options {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    text-align: right;
} table.form_table tbody tr td.PackageDetailsTable_Options a.button_delete {
        background-color: transparent;
        border: none;
        background-image: url(../layout/icon_remove.png);
        font-size: 10px !important;
        text-transform: uppercase;
        color: #0185cd !important;
        padding: 10px 25px 10px 0;
    } .file_uploader {
    display: block;
    position: relative;
    background-color: #eff3fa;
    font-size: 13px !important;
    border: 1px solid #fff;
    padding: 10px 6px;
    font-family: "Roboto";
    font-size: 11px !important;
    margin: 0 1px 0 0;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
} .file_uploader .button {
        color: #fff;
        background-color: #606f8b;
        font-size: 10px !important;
        padding: 4px 6px;
        margin: 0 4px;
        letter-spacing: 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -khtml-border-radius: 3px;
    } .file_uploader .file_contoller, div.jointQuoteFields .file_uploader select, .file_uploader label {
        font-family: "Roboto";
        font-size: 12px !important;
        text-align: left;
        color: #004a8a;
        padding: 10px 3px !important;
        background-color: #fff !important;
        font-size: 11px !important;
    } div.jointQuoteFields .file_uploader select {
            padding-left: 9px !important;
        } div.jointQuoteFields .file_uploader .left select {
                border-right: 1px dashed #bac9e5;
            } .file_uploader .file_contoller {
        text-align: right;
    } .file_uploader .file_contoller a {
            color: #fff;
            background-color: #606f8b;
            font-size: 10px !important;
            padding: 4px 6px;
            margin: 0 4px;
            letter-spacing: 1px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -khtml-border-radius: 3px;
            text-decoration: none !important;
        } .file_uploader .file_contoller:before {
            content: ". . /";
            display: inline-block;
        } .file_uploader .file_contoller .filename {
            display: inline-block;
            text-align: left;
        } .file_uploader input[type="file"], .file_uploader .file_contoller, .file_uploader.selected label {
        display: none;
    } .file_uploader.selected .file_contoller {
        display: block;
    } .formGroup a.button_blue {
    background-color: #606f8b !important;
} div.checkbox_list ul, div.checkbox_list li {
    display: block;
    width: 100%;
    color:#5a729e;
    padding: 5px 0;
    font-family: "Roboto";
    list-style-type: none;
    position: relative;
    text-align: left;
} div.checkbox_list li {
        padding-left: 30px;
    } div.form.generic div.checkbox_list input[type="checkbox"] {
    float: none !important;
    position: absolute;
    left: 5px;
    top: 8px;
} div.form.generic div.checkbox_list input[type="checkbox"]:before {
        display: block;
        width: 14px;
        height: 14px;
        content: "";
        background-color: #fff;
        border: 1px solid #bac9e5;
    } div.form.generic div.checkbox_list input[type="checkbox"]:checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 12px;
        position: absolute;
        background-color: transparent;
        border-bottom: 4px solid #17b432;
        border-right: 4px solid #17b432;
        z-index: 2;
        transform: rotate(38deg) translateY(-7px) translateX(2px);
        top: 0;
    } .formGroup .value {
    color: #56709f;
    font-size: 16px;
    font-family: "Roboto";
} span.form_note {
    font-family: Roboto;
    font-size: 11px;
    color: #6a7a98;
} .form_container .validator {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%) translateX(100%);
        z-index:5;
        text-decoration: none;
    } .form_container .validator:before {
            display: block;
            content: "";
            width: 30px;
            height: 30px;
            background-image: url(../layout/icon-magnify-search-small_dark.png);
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            left: -30px;
            top: 50%;
            transform: translateY(-50%);
        } .form_container .validator span {
            background-color: #6a7a98;
            color: #fff;
            padding: 9px;
            margin: 0 0 0 3px;
            box-sizing:border-box;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            font-family: "Roboto";
            font-size: 11px;
            display: none;
        } .form_container .validator:hover span, .form_container .validator:focus span, .form_container .validator:active {
                display: block;
            } .form_container .validator span:before {
                content: "";
                width: 0px;
                height: 0px;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-right: 10px solid #6a7a98;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%) translateX(-3px);
            }
div#packingListCreate,
div#Section_InvoiceSettings {
    width: 100%;
    margin: 0;
    padding: 90px 0 0;
    box-sizing: border-box;
}
div#PL_CoOStatement {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}
div#packingListCreate h2, 
div#packingListCreate h3, 
div#packingListCreate h4 {

    } 
table.form_table, table.form_table td, table.form_table th {
    font-family: Roboto;
    font-weight: 500;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
} table.form_table th.unit_value, table.form_table th.unit_weight {
        min-width: 110px;
    } table.form_table {
        width: 100%;
        border-collapse: separate;
    } table.form_table tr.example, table.form_table tr.footer, table.form_table tr.error {
                border: none;
            } table.form_table th.box_no, table.form_table th.customs_value, table.form_table th.description {
            text-align: left;
        } table.form_table span.metric, table.form_table span.currency {
            color: #7693a7 !important;
            font-size: 14px;
        } table.form_table .total_value span.currency {
                    color: #004a8a !Important;
                    font-size: 15px !Important;
            } table.form_table td.BoxNumber {
            text-transform: uppercase;
            color: #294a69 !important;
            padding-left: 10px;
            font-size: 14px;
            font-weight: 900;
        } table.form_table thead:after {
            content: "";
            display: block;
            height: 10px;
        } table.form_table tbody {
    box-sizing: border-box;
    margin: 0;
    position: relative;
} table.form_table tbody:after {
        display: block;
        content: "";
        height: 20px; 
        width: 100%;
        background-color: #fff;
    } table.form_table tbody td {
        
        background-color: #eff3fa;
    } table.form_table th {
    padding: 9px;
    color: #fff;
    font-family: arial;
    text-align: center;
    background-color: #296db3;

} table.form_table th.description {
        width: 30%;
    } table.form_table th.origin_country, table.form_table th.customs_value {
        width: 15%;
    } table.form_table th.commodity_code {
        width: 20%;
    } table.form_table th.box_no, table.form_table th.unit_value, table.form_table th.no_pieces {
        width: 10%;
    } table.form_table tr.example, table.form_table tr.example td {
    color: #7c94af;
} table.form_table tr.footer, table.form_table tr.footer td {
    background-color: transparent !important;
} table.form_table tbody td {
        padding: 10px 0 10px;
    } table.form_table tbody tr:last-of-type td {
            padding-bottom: 10px;
        } table.form_table tbody tr:first-of-type td {
            border-top: 1px solid #bac9e5;
        } table.form_table tbody tr:nth-last-child(2) td {
            border-bottom: 1px solid #bac9e5;
        } table.form_table tbody tr td:first-of-type {
            border-left: 1px solid #bac9e5;
            /*-webkit-border-top-left-radius: 6px;
            -moz-border-radius-topleft: 6px;
            border-top-left-radius: 6px;*/
        } table.form_table tbody tr td:last-of-type {
            border-right: 1px solid #bac9e5;
        } table.form_table tbody tr.tbl_controller td, table.form_table tbody tr.tbl_controller td {
                border: none !important;
            } table.form_table .hover_prompt {
            width: 100%;
        } table.form_table .hover_prompt input[type="text"] {
                width: 100%;
            } table.form_table td.PackageDetailsTable_CommodityCode a {
            position: absolute;
            right: 5px;
            top: 2px;
            min-width: 50px;
            box-sizing: border-box;
            padding: 6px 16px !important;
        } table.form_table td.PackageDetailsTable_Value span.currency {
            position: absolute;
            left: 8px;
            top: 50%;
            transform: translateY(-50%);
        } table.form_table td.PackageDetailsTable_Weight span.metric {
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
        } 
        table.form_table td.PackageDetailsTable_Value input[type="text"] {
            padding-left: 48px;
        }
        table.form_table td.PackageDetailsTable_UnitValue input[type="text"] {
            padding-left: 48px;
        } 
        table.form_table td.PackageDetailsTable_NumberOfUnits input[type="text"] {
            text-align: center;
        } 
        table.form_table tr.tbl_controller, table.form_table tr.tbl_controller td {
            background-color: #fff;
            border: none;
            padding: 0;
            margin: 0;
            text-align: right;
            /*position: absolute;
            right: 0;
            bottom: 0;*/
        } table.form_table tr.tbl_controller td span.label {
                color: #004a8a ;
                font-weight: 900;
            } 
          table.form_table tr.tbl_controller a {
                background-color: #eff3fa;
                display: inline-block;
                padding: 6px 25px 6px 12px;
                color: #004a8a;
                border: 1px solid #bac9e5;
                border-top: 1px solid #eff3fa;
                border-top: none;
                position: relative;
                top: -1px;
                right: 0;
                font-size: 11px;
                text-transform: uppercase;
                text-decoration: none;
                background-image: url(../layout/cart/icon_add.png);
                background-repeat: no-repeat;
                background-position: right center;
                -webkit-border-bottom-left-radius: 10px;
                -webkit-border-bottom-right-radius: 10px;
                -moz-border-radius-bottomleft: 10px;
                -moz-border-radius-bottomright: 10px;
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
            }
                table.form_table tr.tbl_controller .form_options a.link {
                    color: #0185cd !important;

                    background-color: transparent;
                    border: none;
                    text-transform: none;
                    font-weight: 500;
                    background-image: none;
                    float: none;
                    position: absolute;
                    right: auto;
                    left: 0;
                    bottom: 0;
                    top: unset;
                    padding: 0 !important;
                }
                    table.form_table tr.tbl_controller .form_options a.link.help {
                        padding-right: 20px !important;
                        font-size: 12px !important;
                    }
                        table.form_table tr.tbl_controller .form_options a.link.help:before {
                            display: block;
                            width: 15px;
                            height: 15px;
                            content: "";
                            background-size: 100% auto;
                            background-image: url(../layout/help_icon.png);
                            background-position: center right;
                            position: absolute;
                            top: 50%;
                            right: 0;
                            transform: translateY(-50%);
                        }
                table.form_table tbody tr.tbl_controller strong {
                    display: none;
                    color: #004a8a;
                    font-size: 15px;
                    padding: 2px 10px;
                } table.form_table tbody:last-of-type tr.tbl_controller strong {
                    display: inline-block;
                } 
        table.form_table.packinglist td .hover_prompt {
            border-right: none;
        }
            table.form_table.packinglist td .hover_prompt span.box_number {
                max-width: 60px;
                display: block;
            }
        table.form_table.packinglist td.PackageDetailsTable_Value .hover_prompt {
            /*border-right: 1px solid #bac9e5;*/
        } table.form_table.packinglist td.PackageDetailsTable_Weight .hover_prompt {
            border-right: 1px solid #bac9e5;
        } 
/* div#quote-packinglistfile div {
    display: block;
    box-sizing: border-box;
    margin: 0 0 15px;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
        border: 1px solid #bac9e5;
} div#quote-packinglistfile table {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    
}*/

table.form_table #Declaration_Totals,
table.form_table #Declaration_Terms {
    display: block;
    box-sizing: border-box;
}
table.form_table #Declaration_Totals {
    width: 40%;
    float: right;
    clear: right;
}
table.form_table #Declaration_Terms {
    width: 60%;
    float: left;
}

#CountryOfOrigin_Option .form_options {
    max-width: 600px;
    
}
    #CountryOfOrigin_Option .form_options .option_yes_no {
        display: block;
        width: 100%;
        border: 1px solid #d9e4eb;
        background: #eef3f6;
        padding: 8px !important;
        box-sizing: border-box;
        margin-top: 5px;
    }
        #CountryOfOrigin_Option .form_options .option_yes_no span.option {
            display: inline-block !important;
            width: 45% !important;
            max-width: 100px;
        }
            #CountryOfOrigin_Option .form_options .option_yes_no span.option label {
                background-color: transparent !important;
                border: none !important;
                box-sizing: border-box;
                display: block;
            }
    #CountryOfOrigin_Option .form_options span.label {
        position: relative;
        font-weight: bold;
        padding-right: 20px;
    }
    #QuoteOverviewContainer .form_options a.link.help {
        position: absolute;
        left: -2px;
        top: 100%;
        font-weight: normal;
        margin-left: 8px;
    }
        #QuoteOverviewContainer .form_options a.link.help.relative {
            position: relative;
        }
        #QuoteOverviewContainer .form_options a.link.help {
            text-indent: -9999px;
        }
    #QuoteOverviewContainer #CountryOfOrigin_Option .form_options a.link.help {
        position: absolute;
        top: -5px;
        right: 0;
        left: unset;
    }
    .saved_packing_list {
        display: block;
        text-align: center;
        background-color: #e2eaf9;
        padding: 20px;
        box-sizing: border-box;
        border: 1px solid #bac9e5;
        margin: 0 2%;
        color: #004a8a !important;
        font-family: "RobotoBold";
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        -khtml-border-radius: 12px;
        position: relative;
        top: -30px;
    }
    .saved_packing_list input {
        width: 50%;
        max-width: 250px;
        box-sizing: border-box;
        border: 1px solid #bac9e5;
        padding: 5px;
    }

.warning_note {
    display: block;
    box-sizing: border-box;
    font-family: "Roboto" !important;
    position: relative;
    color: #355681;
    border: 1px dashed #355681;
    margin: 40px auto 0;
    padding: 15px 30px 30px 30px;
    text-align: left;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
}
    .warning_note:before {
        font-weight: 900 !important;
        display: block;
        padding: 10px;
        text-align: left;
        font-size: 15px;
        position: absolute;
        top: 0;
        left: 25px;
        transform: translateY(-50%);
        color: #355681;
        display: inline-block;
        background-color: #fff;
    }
    .warning_note span.item {
        display: block;
        position: relative;
        padding: 15px 0 0 40px;
        line-height: 1.8em;
    }
        .warning_note span.item:before {
            content: "!";
            display: block;
            width: 25px;
            height: 25px;
            position: absolute;
            left: 0;
            top: 14px;
            text-align: center;
            box-sizing: border-box;
            padding: 2px 0 0 0;
            -moz-border-radius: 50%;
            webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
            background-color: #EEF3F7;
            color: #355681;
        }

        .warning_note span.item:after {
            content: "";
            display: block;
            width: 12px;
            height: 12px;
            position: absolute;
            left: 16px;
            top: 21px;
            transform: rotate(45deg);
            background-color: #EEF3F7;
        }



    /*
div#quote-packinglistfile table img {
    max-width: 22px;
    height: auto;
} div#quote-packinglistfile table td, div#quote-packinglistfile table td b {
    font-family: "Roboto" !important;
    font-size: 11px !important;
    vertical-align: middle;
    color: #004a8a !important;
    
} div#quote-packinglistfile table td, div#quote-packinglistfile table th {
        padding: 4px 10px !important;
        font-weight: 300 !important;
        box-sizing: border-box;
    } div#quote-packinglistfile table th {
        padding: 7px 10px !important;
    } div#quote-packinglistfile table td:last-of-type {
        width: 25px;
    } div#quote-packinglistfile table thead {
    background-color: #004a8a;
    color: #fff !important;
    font-family: "Roboto" !important;
    font-size: 11px!important;
    font-weight: 300 !Important;
} div#quote-packinglistfile table tbody tr {
    background-color: #fff;
} div#quote-packinglistfile table tbody tr:nth-of-type(even) {
    background-color: #e2eaf9;
}*/
    .radio_buttons {
        display: block;
        box-sizing: border-box;
        position: relative;
    } .radio_buttons.inline {
        display: inline-block;
    } .radio_buttons .option {
        display: inline-block;
        padding: 10px 10px 10px 30px;
        margin: 0;
        position: relative;
        } .radio_buttons .option label:after, .radio_buttons .option label:before {
            display: block;
            content: "";
            width: 20px;
            height: 20px;
            border: 1px solid #bac9e5;
            background-color: #fff;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 5px;
            transform: translateY(-50%);
            z-index: 1;
        } .radio_buttons .option label:after {
                width: 10px;
                height: 10px;
                left: 10px;
                background-color: #f3f5f7;
                border: 1px solid #dae5ef;
            } .radio_buttons .option input[type="radio"] {
            position: absolute;
            top: 50%;
            left: 10px;
            transform: translateY(-50%);
            z-index: 0;
        } .radio_buttons .option input[type="radio"]:checked + label:after {
            background-color: #3fa700;
            border: 1px solid #368f00;
        } .select_mapping {
    display: block;
    padding: 12px 0 0;
    color: #02548F !important;
    font-size: 11px;
} .select_mapping label {
        text-tra second has passed. back to workansform: uppercase;
    } .select_mapping select {
    border: 1px solid #a8b9d8;
    padding: 4px 6px 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
} table.options_table tr.option .button_white.xsmall {
    border: 1px solid #fff;
} #resultDiv p {
    text-align: center !important;
    margin-bottom: 20px !important;
} .option_selector {
    display: block;
    padding: 5px;
    text-align: center;
    position: relative;
} .option_selector span {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0 5px;
    width: 50px;
    height: 50px;
    position: relative;
} .option_selector span input[type=checkbox] {
        position: absolute;
        bottom: -1px;
        right: -1px;
        width: 16px;
        height: 16px;
        box-sizing: border-box;
        border: 1px solid #555;
        
    } .option_selector input[type="submit"] {
        position: relative;
        top: 15px;
    } .option_selector label {
    display: block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;*/
    border: 1px solid #99afc5  ;
    background-color: #a7bcd0  ;
    color: #fff;
    text-indent: -9999px;
    background-position: center;
    background-repeat: no-repeat;
} .option_selector input[type="checkbox"]:checked + label {
        border: 1px solid #3cbd52;
        background-color: #42d15a;
    } .option_selector label img {
        width: 90%;
        height: auto;
    } .option_selector label.dhl {
        background-image:url(../layout/logo_small_white_dhl.png);
    } .option_selector label.ups {
        background-image:url(../layout/logo_small_white_ups.png);
    } .option_selector label.tnt {
        background-image:url(../layout/logo_small_white_tnt.png);
    } .option_selector label.dpd {
        background-image:url(../layout/logo_small_white_dpd.png);
    } .option_selector label.usps {
        background-image:url(../layout/logo_small_white_usps.png);
    } .option_selector label.tg {
       background-image:url(../layout/logo_small_white_tg.png);
    } .option_selector label.all {
        text-indent: unset;
        size: 50px;
        font-size: 20px;
        padding-top: 8px;
    } .bulkupload div.address_lookup {
    max-width: 480px;
    margin: 0 auto 10px;
} 
.bulkupload .selectAddressBook select {
    width: 100% !Important;
    margin: auto;

} 
  .bulkupload div.address_lookup div.input_container {
    width: 60%;
    float: left;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
} .bulkupload div.address_lookup tr, .bulkupload div.address_lookup td {
    padding: 0 !important;
} .bulkupload div.address_lookup div.input_container input {
        width: 100% !important;
        box-sizing: border-box;
        margin: 0 !important;
    } .bulkupload div.radio_preferences {
    width: 20% !important;
} .bulkupload .title {padding-top:0;} .bulkupload .lookup {width:17.8% !important;margin-top:10px;} .filestyle-button, .jquery-filestyle span, .bulkuploadbutton{    
    padding: 8px 12px;
    margin: 10px 0 0;
    text-decoration: none;
    font-size: 11px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    border: none !important;
    color: #fff !important;
    background-color: #386eb1;
    cursor:pointer;
} .jquery-filestyle input{width:400px; height:25px;} .bulkupload .small_button {
    margin-top: 4px;
    display: inline-block;
} .bulkupload div.form.section{
    padding:0;
} .service_options, .service_options li {
    display: block;
    list-style-type: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    vertical-align: middle;
} .service_options {
        margin-top: 30px;
        padding-top: 15px;
        border-top: 1px solid #cedaf1;
    } .service_options li {
        padding: 0;
    } .service_options li:nth-of-type(even) {
            background-color: #f6f9fc;
        } .service_options li:hover, .service_options li:active, .service_options li:focus {
        background-color:#e2eaf9;
    
    } .service_options li label {
            display: block;
            color: #02548F;
            padding: 9px;
        } .service_options li img {
        width: 60px;
        height: auto;
        vertical-align: middle;
        display: inline-block;
        } .service_options li input[type=checkbox] {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 8px;
            width: 16px;
            height: 16px;
            box-sizing: border-box;
            border: 1px solid #555; 
        } .api_area .quote_preferences, .api_area .imported_orders {
    display: none;
} .api_area .quote_preferences.active, .api_area .imported_orders.active {
        display: block !important;
    } ul.tabbed_menu {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    position: absolute;
    top: 0;
    font-size: 0;
    left: 0;
    text-align: right;
    transform: translateY(-100%);
}
.api_area h3 {
    font-family: "Roboto"!important;
}
.api_area div.box.center table.settings_table,
.api_area table.settings_table {
    border: none;
}

#Overview_DangerousGoodsDeclaration {

    font-family: "Roboto" !important;
    border-left: 12px solid #dae4ea;
    padding: 50px 50px 100px;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #fff;
    z-index:3001;
    overflow-y: scroll;
    height: auto;
    text-align: center;
}
    #Overview_DangerousGoodsDeclaration .video_popup {
        max-width: 400px;
        margin: auto;
    }
        #Overview_DangerousGoodsDeclaration .video_popup .control.image_link {
            pointer-events: none;
        }
            #Overview_DangerousGoodsDeclaration .video_popup .control.image_link span {
                display: none;
            }
    #Overview_DangerousGoodsDeclaration div.content {
        background: #fff !important;
        color: #355681;
        line-height: 1.8em;
        text-align: left;
    }
        #Overview_DangerousGoodsDeclaration div.content.terms span {
            display: block;
            padding: 5px 0;
        }
        #Overview_DangerousGoodsDeclaration div.content.terms b {
            display: none;
        }
        #Overview_DangerousGoodsDeclaration h2 {
            font-family: "Roboto" !important;
            font-weight: 300 !important;
            font-size: 20px;
            color: #355681 !important;
            padding: 0 0 20px !important;
        }
        #Overview_DangerousGoodsDeclaration p {
            color: #355681;
            text-align: left;
        }
        #Overview_DangerousGoodsDeclaration div.icon-list.dangerous ul {
            text-align: center;
        }
        #Overview_DangerousGoodsDeclaration div.icon-list.dangerous ul li {
            width: 18%;
            float: none;
            display: inline-block;
        }
        #Overview_DangerousGoodsDeclaration div.icon-list.dangerous,
        #Overview_DangerousGoodsDeclaration div.icon-list.dangerous ul {
            padding-bottom: 0;
        }
    #Overview_DangerousGoodsDeclaration .footer {
        background-color: #dae4ea;
        display: block;
        width: 100%;
        box-sizing: border-box;
        position: fixed;
        overflow: hidden;
        right: 0;
        bottom: 0;
        padding: 20px 0;
        max-width: 700px;
        right: 0;
        min-height: 100px;
        border: none;
    }
        #Overview_DangerousGoodsDeclaration .footer a {
            display: inline-block;
            background-color: #296db3;
            padding: 10px 30px;
            text-decoration: none;
            border: 2px solid #296db3;
            color: #fff;
            font-weight: 300 !important;
            box-sizing: border-box;
            -moz-border-radius: 16px !important;
            -webkit-border-radius: 16px !important;
            border-radius: 16px !important;
            -khtml-border-radius: 16px !important;
        }
    #Overview_DangerousGoodsDeclaration,
    #Overview_DangerousGoodsDeclaration .footer {
        right: -100%;
        -webkit-transition: all 1.2s;
        -moz-transition: all 1.2s;
        transition: all 1.2s;
        display: block;
        width: 100%;
        max-width: 750px;
        box-sizing: border-box;
        margin: auto;
    }
            #Overview_DangerousGoodsDeclaration.active,
            #Overview_DangerousGoodsDeclaration.active .footer {
                right: 0;
                -webkit-transition: all 1.2s;
                -moz-transition: all 1.2s;
                transition: all 1.2s;
            }


        ul.tabbed_menu li {
            display: inline-block;
            padding: 0;
            background-color: #e2eaf9;
            border: 1px solid #bac9e5;
            -webkit-border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            text-decoration: none;
            font-size: 13px;
            color: #004a8a;
            position: relative;
        } ul.tabbed_menu li:after {
            display: block;
            content: "";
            width: 100%;
            height: 1px;
            background-color: #fff;
            position: absolute;
            left: 0;
            bottom: 0px;
        } ul.tabbed_menu li.active:after {
                bottom: -1px;
            } ul.tabbed_menu li a {
            padding: 8px 16px;
            color: #004a8a !important;
            text-decoration: none;
            display: block;
            font-size: 13px;
        } ul.tabbed_menu li.active {
            background-color: #fff;
        }
.notice_list div {
    display: block;
    border-left: 1px dashed #004a8a;
    border-right: 1px dashed #004a8a;
    padding: 0 30px 0 30px;
    max-width: 1200px;
    margin: auto;
    position: relative;
    text-align: left;
}
    .notice_list div:first-of-type {
        border-top: 1px dashed #004a8a;
        padding-top: 19px;
        -webkit-border-top-right-radius: 12px;
        -moz-border-radius-topright: 12px;
        border-top-right-radius: 12px;
        -webkit-border-top-left-radius: 12px;
        -moz-border-radius-topleft: 12px;
        border-top-left-radius: 12px;
    }
        .notice_list div h5,
        .notice_list div:first-of-type:before {
            font-weight: 900 !important;
            display: block;
            padding: 10px;
            text-align: left;
            font-size: 15px;
            position: absolute;
            top: 0;
            left: 25px;
            transform: translateY(-50%);
            color: #355681;
            display: inline-block;
            background-color: #fff;
        }
    .notice_list div:last-of-type {
        border-bottom: 1px dashed #004a8a;
        padding-bottom: 19px;
        -webkit-border-bottom-right-radius: 12px;
        -moz-border-radius-bottomright: 12px;
        border-bottom-right-radius: 12px;
        -webkit-border-bottom-left-radius: 12px;
        -moz-border-radius-bottomleft: 12px;
        border-bottom-left-radius: 12px;
    }
        .notice_list.head div:last-of-type {
            padding-bottom: 19px;
        }
    .notice_list div span {
        display: block;
        position: relative;
        padding: 12px 0 12px 40px;
        color: #004a8a;
    }
        .notice_list div:last-of-type span {
            border-bottom: none;
        }
        .notice_list div span:before {
            display: block;
            width: 25px;
            height: 25px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            text-align: center;
            box-sizing: border-box;
            padding: 2px 0 0 0;
            -moz-border-radius: 50%;
            webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
            background-color: #EEF3F7;
            color: #355681;
        }  
            .notice_list div span:before { content: "!";  }
            .notice_list.help  div span:before { content: "?";  }
            .notice_list.tick div span:before { content: "\2713"; font-weight: bold;  }

        .notice_list div span:after {
            content: "";
            display: block;
            width: 12px;
            height: 12px;
            position: absolute;
            left: 10px;
            top: 50%;
            transform: rotate(45deg) translateY(-69%);
            background-color: #EEF3F7;
        }
.notice_list div span i {
    font-style: normal;
}



.vat_price {
    display: block;
    font-size: 12px;
    font-family: "Roboto";
    padding: 3px 0 0;
    color: #054f95;
}
.vat_price .small {
    font-size: 10px;
}
td.price b,
#quotationTbl td.highlight.subtotal b {
    font-size: 14px;
}
#quotationTbl.standard td.highlight.subtotal {
    
}
#quotationTbl.standard tr.USPS td.highlight.subtotal b span {
position: relative;
}
    #quotationTbl.standard tr.USPS td.highlight.subtotal b {
        background-color: #fff;
        display: block;
        padding: 5px 5px 10px;
        border: 1px solid #b90000;
        box-shadow: 0 0 0 4px #ffff;
        -moz-border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        border-radius: 6px !important;
        -khtml-border-radius: 6px !important;
    }
        #quotationTbl.standard tr.USPS td.highlight.subtotal b span,
        #quotationTbl.standard tr.USPS td.highlight.subtotal b:before {
            color: #b90000;
        }

    #quotationTbl.standard tr.USPS td.highlight.subtotal b:before {
        content: "Special offer";
        padding: 3px 6px;
        -moz-border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        border-radius: 2px !important;
        -khtml-border-radius: 2px !important;
        font-size: 10px !important;
        white-space: nowrap;
        font-weight: 500 !important;
        font-family: "Roboto";
        display: inline-block;
    }
#quotationTbl .vat_price {
    font-size: 11px;
    color: #668dad !important;
    white-space: nowrap;
}
.bordered_info {
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    -khtml-border-radius: 22px;
    border: 1px dashed #2a6faf;
    margin-top: 30px;
    padding: 20px !important;
}
.form_manager .BoxNumber {
    font-weight: 800;
    font-size: 14px;
    display: block;
    padding: 0 5px 5px;
}
.flag_links a {
    display: inline-block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 100px;
    position: relative;
    top: -20px;
} .flag_links a span {
        display: block ;
    } .banner_info {
    display: block;
    padding: 20px;
}
        .banner.media.campaigns.parcelforce .banner_info, .banner_info .banner.media.campaigns.US .quoteform .banner_info, .banner.media.tui .quoteform .banner_info, .banner.media.clp .quoteform .banner_info, .banner.media.hermes .quoteform .banner_info, .banner.media.evri .quoteform .banner_info, .banner.media.asendia .quoteform .banner_info, .banner.media.landmark .quoteform .banner_info, .banner.media.campaigns .quoteform .banner_info, .banner.media.hide_tp_rating .quoteform .banner_info, .banner.media.postal_services .quoteform .banner_info, .banner.media.international_courier .quoteform .banner_info, .banner.media.global.express .quoteform .banner_info, .banner.media.europe .quoteform .banner_info {
            display: none;
        }
.banner.media div.form.quote.split .form_content .logo {
    position: relative;
    top: -15px;
} .banner.media div.form.quote.split .form_content .logo img {
        width: 90%;
        max-width: 130px;
    } .banner.media.tui div.form.quote.split .form_content p {
    padding-bottom: 22px !important;
} .banner.media.tui div.form.quote.split .form_content p:last-of-type {
        padding-bottom: 0px !important;
    }
/*div.form.quote.split#sticky.fixed .form_content {
    display: none !important;
}
div.form.quote.split#sticky.fixed form {
    width: 100%;
}*/

div.content-page.wide div.center-column.seventy {
    width: 90% !important;
    margin: 0 5% !important;
}

div.content-page.tui {
    background-image: url(../layout/logo_tui_red.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 100px;
} a.tracking_button, .table-list li a.tracking_button {
    color: #fff !important;
    display: inline-block;
    background-color: #386eb1;
    padding: 4px 16px;
    text-decoration: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
} section.banner.media.us-export .banner_info {
    display: none;
} .dpdimport p {
    margin: 0 !important;
    line-height: 1.2em;
} .floating_ad {
    /*display: block;
    box-sizing: border-box;
    padding: 20px;
    margin: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    top: 0;*/
} .floating_ad .background {
        position: fixed;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background-color: rgba(0,0,0,0.9);
    } .floating_ad .ad_content {
        display: block;
        font-family: "Roboto";
        font-size: 2vw;
        color: #fff;
        padding: 5vw;
        box-sizing: border-box;
        text-shadow: 1px 1px 1px #000;
        background-repeat:no-repeat;
        background-position: center;
        background-size: cover !important;
        background: url(../layout/images/uk_london6.jpg) no-repeat center;
        /*-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -khtml-border-radius: 10px;*/
        width: 50%;
        height: 50%;
        top: 45%;
        left: 50%;
        z-index: 1001;
        position: absolute;
        box-shadow: 0 0 30px #000;
        border: 18px solid #fff;
        transform: translateX(-50%) translateY(-50%);
    } .floating_ad .ad_content:before {
            content: "";
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.4);
            background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.2));
            z-index: 1000;
        }
.icon_grid,
.icon_grid li,
.logo_grid,
.logo_grid li {
    display: block;
    background-image: none;
    margin: auto;
    list-style-type: none;
}
    .icon_grid,
    .logo_grid {
        padding: 80px 0 !important;
        display: flex;
        flex-wrap: wrap;
        flex: 1;
        text-align: center;
    }

        .icon_grid li,
        .logo_grid li {
            margin: 20px 2%;
            width: 21%;
            padding: 0 !important;
            text-align: center;
            background-color: #fff;
        }
            .logo_grid li {
                box-shadow: 0px 0px 6px 0px #d5e1e8;
            }
            .logo_grid li img {
                width: 90%;
                max-width: 120px;
                height: auto;
                opacity: 0;
                margin: 20px 0;
                -webkit-transition: opacity 0.7s;
                -moz-transition: opacity 0.7s;
                transition: opacity 0.7s;
            }
            .logo_grid.show li img {
                opacity: 1;
                -webkit-transition: opacity 0.7s;
                -moz-transition: opacity 0.7s;
                transition: opacity 0.7s;
            }
                .logo_grid li:nth-of-type(1) img { transition-delay: 0.2s; } 
                .logo_grid li:nth-of-type(2) img { transition-delay: 0.4s; } 
                .logo_grid li:nth-of-type(3) img { transition-delay: 0.6s; } 
                .logo_grid li:nth-of-type(4) img { transition-delay: 0.8s; } 

                .logo_grid li:nth-of-type(5) img { transition-delay: 1.6s } 
                .logo_grid li:nth-of-type(6) img { transition-delay: 1.4s; } 
                .logo_grid li:nth-of-type(7) img { transition-delay: 1.2s; } 
                .logo_grid li:nth-of-type(8) img { transition-delay: 1s; }
                
                .logo_grid li:nth-of-type(9) img { transition-delay: 1.8s; } 
                .logo_grid li:nth-of-type(10) img { transition-delay: 2s; } 
                .logo_grid li:nth-of-type(11) img { transition-delay: 2.2s; } 
                .logo_grid li:nth-of-type(12) img { transition-delay: 2.4s; }
                
            .logo_grid li:after,
            .logo_grid li:before,
            .icon_grid li:after,
            .icon_grid li:before {
                display: none !important;
            }
        .icon_grid li div {
            padding: 100px 0 0;
            height: 200px;
            background-repeat: no-repeat;
            background-position: top center;
            background-size: 60px auto;
            font-size: 16px;
            line-height: 1.8em;
        }
        .icon_grid li div.connect { background-image: url(https://www.transglobalexpress.com/assets-uk/icons/icon_link.png); }
        .icon_grid li div.track { background-image: url(https://www.transglobalexpress.com/assets-uk/icons/icon_location.png); }
        .icon_grid li div.rules { background-image: url(https://www.transglobalexpress.com/assets-uk/icons/icon_rules.png); }
        .icon_grid li div.print { background-image: url(https://www.transglobalexpress.com/assets-uk/icons/icon_print.png); }
        .icon_grid li div.trend { background-image: url(https://www.transglobalexpress.com/assets-uk/icons/icon_trendline2.png); background-size: 80px auto; }

        }
           /* .icon_grid li div:after,
            .icon_grid li div:before {
                z-index: -1;
                position: absolute;
                content: "";
                bottom: 5px;
                left: 0px;
                width: 49%;
                top: 80%;
                max-width: 300px;
                background: #d0d0d0;
                -webkit-box-shadow: 0 15px 20px #d5e1e8;
                -moz-box-shadow: 0 15px 20px #d5e1e8;
                box-shadow: 0 15px 20px #d5e1e8;
                -webkit-transform: rotate(-3deg);
                -moz-transform: rotate(-3deg);
                -o-transform: rotate(-3deg);
                -ms-transform: rotate(-3deg);
                transform: rotate(-3deg);
            }

        .icon_grid li div:after {
            -webkit-transform: rotate(3deg);
            -moz-transform: rotate(3deg);
            -o-transform: rotate(3deg);
            -ms-transform: rotate(3deg);
            transform: rotate(3deg);
            right: 0;
            left: auto;
        } */

.overlay_message {
    display: none;
} .overlay_message.active {
        display: block;
    } .overlay_message.active span.overlay {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 6000;
    background: rgba(255,255,255,0.85);
} .overlay_message.active .message {
        display: block;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 6001;
        background-color: #fff;
        border: 5px solid #01619e;
        padding: 0 0 30px;
        box-sizing: border-box;
        width: 90%;
        text-align: center;
        max-width: 600px;
        -moz-border-radius: 8px !important;
        -webkit-border-radius: 8px !important;
        border-radius: 8px !important;
        -khtml-border-radius: 8px !important;
    } .overlay_message.active h5, .overlay_message.active p {
        font-family: "Roboto" !important;
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    } .overlay_message.active h5 {
        background-color: #01619e;
        color: #fff !important;
        font-size: 14px;
        padding: 3px 20px 8px;
    } .overlay_message.active p {
        padding: 20px 20px 0;
        color: #000;
    } .overlay_message.active a.button {
        background-color: #01619e;
        color: #fff;
        display: inline-block;
        margin-top: 20px;
        -moz-border-radius: 8px !important;
        -webkit-border-radius: 8px !important;
        border-radius: 8px !important;
        -khtml-border-radius: 8px !important;
        padding: 7px 16px !important;
        font-size: 12px;
        font-weight: 500;
    } .overlay_message.active a.button:hover {
            background-color: #3eab28;
        } .panelledArea.order_confirmed .eu-advistory {
    top: -10px;
    position: relative;
} .panelledArea.order_confirmed table.standard, .panelledArea.order_confirmed .table.structure {
    width: 100%;
} .panelledArea.order_confirmed table.standard {
    margin-bottom: 30px;
} div.panelledArea.order_confirmed .box .heading.small {
    font-size: 20px !important;
    padding-top: 30px !important;
} div.panelledArea.order_confirmed .address_block {
    display: inline-block;
    box-sizing: border-box;
    padding: 30px 20px 40px 20px;
    color: #054f95;
    width: 50%;
} div.panelledArea.order_confirmed iframe.map {
        width: 100%;
        height: 300px;
        margin-bottom: 20px;
        box-sizing: border-box;
        pointer-events: none;
    } div.panelledArea.order_confirmed .address_block b, div.panelledArea.order_confirmed .address_block strong {
        color: #054f95 !important;
        font-family: "Roboto" !important;
        box-sizing: border-box;
    } div.panelledArea.order_confirmed .address_block b {
        display: inline-block;
        padding-right: 5px;
        font-weight: 800 !important;
    } div.panelledArea.order_confirmed .address_block strong {
        display: block;
        padding: 0 0 15px 0;
        font-size: 16px;
        font-weight: 300;
    } div.panelledArea.order_confirmed .address_block div.telephone {
        display: block;
        padding: 8px 0;
    } div.panelledArea.order_confirmed .nobullet li {
        padding-left: 35px !important;
    } .panelledArea.order_confirmed a.button_blue {
        color: #fff !important;
    } .panelledArea.order_confirmed .box h1.heading.inline, .panelledArea.order_confirmed .box h2.heading.inline, .panelledArea.order_confirmed .box h3.heading.inline, .panelledArea.order_confirmed .box h4.heading.inline, .panelledArea.order_confirmed .box h5.heading.inline {
    white-space: nowrap;
    padding-top: 0px !important;
    padding: 0px 15px 0px 0px !important;
    margin-right: 5px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    position: relative;
} .panelledArea.order_confirmed .info_block {
    display: block;
    clear: both;
    padding: 20px 0;
    background-repeat: no-repeat;
    background-position: left center;
} .panelledArea.order_confirmed .info_block.track { background-image: url('../layout/icon_tracking.png'); padding-left: 45px; margin-top: 10px; } .panelledArea.order_confirmed .info_block.security { background-image: url('../layout/icon_security.png'); padding-left: 45px; } .panelledArea.order_confirmed .info_block.terms { background-image: url('../layout/icon_terms.png'); padding-left: 45px; } .panelledArea.order_confirmed .info_block p {
        padding: 0px;
    } .clean_form div.form.section {
    display: block;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #cedaf1;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    -khtml-border-radius: 26px;
    position: relative;
    background-color: #f0f3fa;
} .clean_form div.form.section table.FormTable {

    } .clean_form div.form.section table.FormTable tr, .clean_form div.form.section table.FormTable td {
            display: block;
            text-align: left !important;
            width: 100% !important;
            padding: 0;
            box-sizing: border-box;
        } .clean_form div.form.section table td label {
        text-align: left;
        text-transform: uppercase;
        font-size: 10px;
        color: #668dad; 
        padding: 0 0 0 9px !important;
        display: block;
    } .clean_form div.form.section table.FormTable td input[type="text"], .clean_form div.form.section table.FormTable td input[type="email"], .clean_form div.form.section table.FormTable td select {
        margin-top: 0 !important;
        font-family: "Roboto";
        width: 100%;
        border: none;
        padding: 0 8px 8px !important;
        background-repeat: no-repeat;
        background-position: 5px center;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        -khtml-border-radius: 0 !important;
    } .clean_form div.form.section table.FormTable td input[type="text"], .clean_form div.form.section table.FormTable td input[type="email"], .clean_form div.form.section table.FormTable td select {
            border-bottom: 2px solid #fff;
            border-top: 0;
            border-left: 0;
            border-right: 0;
        } .clean_form .Address_Form input.input-validation-error {
            border-bottom: 2px solid #d85151 !important;
            border-top: 0 !important;
            border-left: 0 !important;
            border-right: 0 !important;
        } .clean_form div.form.section table.FormTable tr.td_forename td input { background-image: url(../layout/icon_forename.png); padding-left: 38px !important;  } .clean_form div.form.section table.FormTable tr.td_surname td input { background-image: url(../layout/icon_surname.png); padding-left: 38px !important;  } .clean_form div.form.section table.FormTable tr.td_telephone td input { background-image: url(../layout/icon_phone.png); padding-left: 38px !important;  } .clean_form div.form.section table.FormTable tr.td_mobile td input { background-image: url(../layout/icon_mobile.png); padding-left: 38px !important;  } .clean_form div.form.section table.FormTable tr.td_email td input { background-image: url(../layout/icon_email.png); padding-left: 38px !important;  } .clean_form div.form.section table.FormTable td select { background-position: right center; } .clean_form div.form.section table.FormTable tr {
        border-bottom: 1px solid #bac9e5;
        background-color: #fff;
        border: 1px solid #cedaf1;
        position: relative;
    } .clean_form div.form.section table.FormTable tr.td_forename, .clean_form div.form.section table.FormTable tr.td_surname {
            display: inline-block;
            width: 50% !important;
        } .clean_form div.form.section .heading {
            padding-top: 0 !important;
            font-size: 16px;
            text-align: left;
        } .clean_form td div.hover {
        position: absolute;
        right: 0;
        top: 45%;
        z-index: 5;
        transform: translate(-30%, -50%);
    } .clean_form td .field-validation-error {
        position: absolute;
        top: 5px;
        right: 5px;
    } .clean_form div.form.section table.FormTable td label.offset.up {
        top: 0 !important;
    } .clean_form #DeliveryAddress_postcodeprefix {
        float: left;
        box-sizing: border-box;
        padding-left: 8px;
    } .clean_form div.form.section table.FormTable tr.td_option {
        border: none !important;
        position: relative;
        top: -2px;
    } .clean_form div.form.section table.FormTable tr.td_option td {
            display: inline-block;
            width: auto !important;
        } .form_notice {
    display: block;
    max-width: 700px;
    width: 60% !important;
    margin: 0px auto !important;
} ul.nobullet, ol.nobullet, ul.nobullet li, ol.nobullet li {
    list-style-type: none;
} ul.nobullet, ol.nobullet {
        padding: 10px 0 10px 20px;
    } .form_notice p {
    font-family: "Roboto";
    color: #004a8a !important;
} section.info_panel {
    display: block;
    padding-top: 30px;
    padding-bottom: 50px;
} .three_col section.info_panel {
        margin: auto 3%;
        text-align: center;
    } section.info_panel:nth-of-type(odd) {
            /*background-color: #f3f6fc;*/
    } section.info_panel div {
        display: block;
        margin: auto;
        /*max-width: 1150px;*/
        color: #02548F !important;
    } section.info_panel div.images img {
        max-width: 450px !important;
        width: 42%;
    } section.info_panel p, section.info_panel div.images {
        display: block;
    } section.info_panel p {
        text-align: center;
        
    } section.info_panel div.images {
        text-align: center;
    } section.info_panel ol {
    display: block;
    text-align: center;
} section.info_panel li {
        position: relative;
        display: block;
        min-height: 350px;
        padding: 20px 0;
        background-color: #fff;
        margin: auto auto 50px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        -khtml-border-radius: 40px;
        box-sizing: border-box;
        max-width: 650px;
    } ol.numbered_list {
    counter-reset: numbered-list;
    list-style: none;
} ol.numbered_list li {
    counter-increment: numbered-list;
    position: relative;
} ol.numbered_list li p {
        display: inline-block;
        width: auto;
        padding: 0 30px;
    } ol.numbered_list li p::before {
  content: counter(numbered-list);
  font-family: RobotoThin;
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: -12px;
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 15px;
  background: #054f95;
  border-radius: 50%;
  text-align: center;
} .widget_accreditations {
    display: block;
    position: fixed;
    box-sizing: border-box;
    background-color: #003760;
    padding: 2vh 0 3vh;
    padding: 2vh 0 2vh;
    text-align: center;
    bottom: -999px;
    left: 0;
    right: 0;
    z-index: 5000;
    animation: 2s ease-out 0s 1 AccreditationsWidgetExit;
    animation-fill-mode: forwards;
} .widget_accreditations:before {
        display: block;
        content: "";
        width: 120%;
        height: 140px;
        background-color: #003760;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        position: absolute;
        top: -35px;
        left: -10%;
        z-index: -1;
        border-top: 12px solid #fff;
    } .widget_accreditations.active {
        bottom: 0;
        animation: 2s ease-out 0s 1 AccreditationsWidgetEntrance;
        animation-fill-mode: forwards;
    } .widget_accreditations img, .widget_accreditations .trustpilot-widget {
        display: inline-block;
        position: relative;
    } .widget_accreditations .trustpilot-widget {
        width: 500px;
        height: 90px;
    } .widget_accreditations .trustpilot-widget iframe {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        } .widget_accreditations a {
        text-indent: -9999px;
    } .transit_time_hover {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
} .transit_time_hover:after {
        display: inline-block;
        content: "?";
        width: 18px;
        height: 18px;
        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: relative;
        top: 4px;
        left: 5px;
        background-color: #fff;
        transform: translateY(-4px);
        border: 1px solid #054f95;
    }


.tracking_data_table .row {
    color: #355681;
    font-size: 12px;
    font-family: "Roboto";
}

.tracking_data_table .tracking_header_row {
    background-color: #E2EAF9;
    font-weight: 900;
}

.tracking_data_table .close:before,
.view_scans .close:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    content: "\d7";
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
    z-index: 3025;
}

.tracking_data_table .Image_Scan,
.view_scans .Image_Scan {
    width: 0;
    height: auto;
    opacity: 0;
    display: none;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}

.tracking_data_table .unavailable .Image_Scan,
.view_scans .unavailable .Image_Scan {
    display: block !important;
    opacity: 1;
    width: 34px;
    height: auto;
    opacity: 1 !important;
}

.tracking_data_table .unavailable .Image_Scan,
.view_scans .unavailable .Image_Scan {
    position: relative;
    top: 5px;
    opacity: 0.7 !important;
}

.tracking_data_table .scans a,
.view_scans .scans a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../layout/icon_image_available.png);
    position: relative;
    top: -18px;
    opacity: 0.7;
}

.view_scans .scans a {
    top: -5px;
}

    .tracking_data_table .scans a:hover,
    .view_scans .scans a:hover {
        opacity: 1;
    }

    .tracking_data_table .scans a.active,
    .view_scans .scans a.active {
        width: 80%;
        top: 50%;
        height: auto;
        transform: translate(-50%, -50%);
        display: block;
        background: red;
        position: fixed;
        z-index: 3015;
        background: #000;
        text-indent: 0;
        opacity: 1;
        left: 50%;
    }

.tracking_data_table a.active span,
.view_scans a.active span {
    display: none;
}

    .tracking_data_table a.active span.close,
    .view_scans a.active span.close {
        display: block !important;
        opacity: .8;
    }

.tracking_data_table a.active .Image_Scan,
.view_scans a.active .Image_Scan {
    width: 100%;
    height: auto;
    /*transform: translate(-50%, -50%);*/
    display: block;
    opacity: 1;
    z-index: 3015;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
}
/*.tracking_data_table .close.active,
.tracking_data_table .Image_Scan.active {
    width: 80%;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    opacity: 1;
    z-index: 3005;
    transform: translate(-50%, -50%);
}

.tracking_data_table .close.active {
    background-color: red;
    display: block;
}*/
.tracking_data_table .scans,
.tracking_data_table .location,
.tracking_data_table .description,
.tracking_data_table .time_stamp {
    width: 20%;
    display: inline-block;
    box-sizing: border-box;
    padding: 4px 10px !important;
}

.tracking_data_table .scans {
    padding: 0 10px !important;
}

.tracking_data_table .description {
    width: 35%;
}

.freight_booking {
    max-width: 1100px;
    margin: auto;
    color: #355681;
}
    .freight_booking h1,
    .freight_booking h2.heading.clean-text {
        font-family: "Roboto" !important;
        color: #355681 !important;
        font-size: 28px;
        padding: 50px 20px 40px;
        background-color: transparent !important;
    }
    .freight_booking h2,
    .freight_booking h3,
    .freight_booking h4 {
        font-family: "Roboto" !important;
        background-color: #296db3;
        color: #fff !important;
        margin: 40px auto 10px;
        padding: 15px 20px !important;
        width: 100%;
        box-sizing: border-box;
        text-align: left !important;
        font-size: 14px;
    }
        .freight_booking h2 {
            width: 100% !important;
        }

            .freight_booking div#packingListCreate h2,
            .freight_booking div#packingListCreate h2 span {
                width: 100% !important;
                margin: 0 !important;
                padding-left: 0 !important;
                margin-top: 15px !important;
            }
            
        .freight_booking.section.gradient,
        .freight_booking div.section.gradient,
        .freight_booking.section.gradient .form_container {
            background: transparent !important;
        }
            .freight_booking.section.gradient .form_container,
            .freight_booking.section.gradient div.checkbox_container,
            .freight_booking.section.gradient .form_container .inner_form {
                border: none !important;
            }
                .freight_booking.section.gradient .form_container .inner_form,
                .freight_booking.section.gradient div.checkbox_container {
                    background-color: #eef3f6 !important;
                }
                .freight_booking.section.gradient .form_container .inner_form {
                    width: 50% !important;
                    float: left;
                    box-sizing: border-box;
                }
                .freight_booking.section.gradient .form_container #quote-packinglistfile {
                    width: 47%;
                    float: left;
                    box-sizing: border-box;
                    margin-left: 3% !important;
                    margin-top: 0 !important;
                }
                    .freight_booking.section.gradient .form_container #quote-packinglistfile table {
                        width: 100%;
                        color: #355681 !important;
                    }
                    .freight_booking.section.gradient div#quote-packinglistfile table thead {
                        background-color: #296db3
                    }
                        .freight_booking.section.gradient div#quote-packinglistfile table thead th,
                        .freight_booking.section.gradient div#quote-packinglistfile table tbody td {
                            padding: 12px !important;
                            box-sizing: border-box;
                        }
                            .freight_booking.section.gradient div#quote-packinglistfile table thead th.wrap,
                            .freight_booking.section.gradient div#quote-packinglistfile table tbody td.wrap {
                                max-width: 250px;
                            }
                       .freight_booking.section.gradient  div#quote-packinglistfile table tbody tr,
                       .freight_booking.section.gradient  div#quote-packinglistfile table tbody tr:nth-of-type(even) {
                            border-bottom: 1px dashed #355681;
                            background-color: transparent !important;
                        }
                       .freight_booking.section.gradient  div#quote-packinglistfile table a.button_blue  {
                            background-color: transparent !important;
                            width: 30px;
                            height: 30px;
                            overflow: hidden;
                            display: block;
                            min-width: 20px !important;
                            background-repeat: no-repeat;
                            background-position: center;
                            border: none !important;
                        }
                        .freight_booking.section.gradient div#quote-packinglistfile table a.button_blue.view-item { background-image: url('../layout/icon-magnify-search.png'); background-size: 16px; }
                        .freight_booking.section.gradient div#quote-packinglistfile table a.button_blue.delete-item { background-image: url('../layout/icon-red-cross-xsmall.png'); }

                        .freight_booking.section.gradient div#quote-packinglistfile table a.button_blue span {
                            display: none;
                        }
                .freight_booking.section.gradient .form_container h2 {
                    margin-bottom: 20px !important;
                }
                .freight_booking.section.gradient .form_container label {
                    padding-left: 10px;
                }
                .freight_booking.section.gradient .form_container tr.consignment_summary_value td {
                    padding-top: 0 !important;
                }
                .freight_booking.section.gradient #packingListUpload,
                .freight_booking.section.gradient #packingListCreate {
                    width: 100% !important;
                    margin: 20px 0 !important;
                }
                    .freight_booking.section.gradient #packingListUpload p {
                        margin-bottom: 20px !important;
                    }
                    .freight_booking.section.gradient div#quote-packinglistfile table tbody td p {
                        margin-bottom: 0 !important;
                    }
            .freight_booking div.table.structure div.row {
                background-color: transparent !important;
                border-bottom: 1px solid #355681;
            }
   
            .freight_booking div.table.structure div.row.loyalty-points .cell {
                border-bottom: none !important;
                font-weight: 500;
                font-size: 11px;
            }
            .freight_booking div.table.structure div.row .cell {
                border-bottom: 1px solid #355681;
                padding: 15px;
                color: #355681;
            }
    .freight_booking .standard_table {
        font-family: "Roboto" !important;
        color: #355681;
    }
        .freight_booking .standard_table tr {
            border-bottom: 1px dashed #355681;
        }
            .freight_booking .loyalty-points .standard_table tr, 
            .freight_booking .collection-options .standard_table tr {
                border-bottom: none;
            }
        .freight_booking .standard_table th {
            padding: 8px;
            border-bottom: 1px solid #355681;
        }
    .freight_booking .standard_table td {
        padding: 10px 8px;
        font-size: 12px;
    }
        .freight_booking .standard_table.center td,
        .freight_booking .standard_table.center th {
            text-align: center;
        }
        .freight_booking .standard_table tr td:first-of-type {
            padding: 8px;
            font-weight: 800;
        }
        .freight_booking .standard_table tr td label {
            color: #355681 !important;
            font-size: 12px !important;
        }
        .freight_booking .standard_table tr td select {
            color: #355681 !important;
            width: 100%;
            padding: 6px;
        }
    .freight_booking #DropAtReceivingCentreMessage {
        padding-top: 25px;
    }
    .freight_booking div.container-terms {
        margin: 0 0 50px !important;
        width: 100% !important;
    }
    .freight_booking div.collection-options {
        clear: both;
        padding: 0 !important;
        margin-bottom: 50px !important;
    }
    .freight_booking div.package-summary,
    .freight_booking div.container-ISF {
        width: 100%;
        clear: both;
        margin: auto 0 30px 0;
        box-sizing: border-box;
    }
    .freight_booking div.collection-options,
    .freight_booking div.package-summary,
    .freight_booking div.container-ISF {
        margin-bottom: 70px;
    }
    .freight_booking div.package-summary {
        margin-top: 20px;
    }
    .freight_booking div.PaymentDetails .payment-options {
        padding-right: 20px;
        box-sizing: border-box;
        width: 100%;
        float: none;
        clear: both;
    }
    .freight_booking div.PaymentDetails table.standard td,
    .freight_booking div.PaymentDetails table.standard tr:nth-child(even),
    .freight_booking div.PaymentDetails table.standard tr.grey {
        background-color: transparent !important;
        font-family: "Roboto";
    }
    .section.freight_booking.sea table.standard#tblCarrier td,
    .freight_booking div.PaymentDetails table.standard td {
        border-bottom: 1px dashed #355681;
        padding: 15px;
        color: #355681;
    }
    .freight_booking div.PaymentDetails span.select_radio label {
        color: #355681 !important;
        font-weight: 800;
    }
    .freight_booking div#TermsAndSettings {
        float: left;
        width: 56%;
        margin-right: 1%;
        box-sizing: border-box;
    }
    .freight_booking div#TermsAndSettings h3 {
        margin-top: 0 !important;
    }

.freight_booking .FormTable.freight select {
    width: 90%;
    max-width: 400px;
    padding: 10px 15px 10px 10px !important;
}
.freight_booking.sea .FormTable.freight select {
    position: relative;
    top: -12px;
}
    .freight_booking.sea .FormTable.freight .FormTableField label {
        font-weight: 800 !important;
    }
    .freight_booking.sea .FormTable.freight label,
    .freight_booking.sea .FormTable.freight .info_list li {
        color: #355681;
    }
.section.freight_booking.sea h1.heading {
    text-align: center !important;
    padding-top: 50px !important;
}
.section.freight_booking.sea .into_paragraph.info {
    position: relative;
    top: -5px;
}
.section.freight_booking.sea .into_paragraph.info span {
    background-image: none;
}
    .section.freight_booking.sea .into_paragraph.info span:before {
        background-color: #296db3;
        color: #fff;
        content: "i";
        margin-right: 5px;
        padding: 3px 10px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -khtml-border-radius: 20px;
    }
.af_pl_upload_table tr td:first-of-type {
    padding-top: 10px !important;
}
.af_pl_upload_table tr th,
.af_pl_upload_table tr td {
    padding: 10px !important;
    font-family: "Roboto";
    color: #004a8a;
    vertical-align: middle;
    border-bottom: 1px solid #004a8a;
}
    .af_pl_upload_table tr td b {
        color: #004a8a !important;
        font-weight: 500 !important;
        font-family: "Roboto" !important;
    }
    .af_pl_upload_table tr td .button_blue.delete-item {
        color: #004a8a !important;
        background-color: #fff !important;
    }

.section.freight_booking.sea ul.quotation_options {
    float: none;
    text-align: center;
    padding: 0px 0 15px;
}
.section.freight_booking.sea table.standard#tblCarrier {
    margin-bottom: 80px;
}
.section.freight_booking.sea #sea-freight-notices {
    clear: both;
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px 0px;
    font-family: "Roboto";
    list-style-type: none;
    position: relative;
}
    .section.freight_booking.sea #sea-freight-notices li {
        padding: 10px 0;
        line-height: 1.8em;
        /*font-weight: bold;*/
        color: #054f95;
        text-align: center;
        max-width: 850px;
        margin: auto;
    }
/*    .section.freight_booking.sea #sea-freight-notices:before {
        background-color: #296db3;
        color: #fff;
        content: "!";
        font-size: 30px;
        margin-right: 5px;
        padding: 10px 17px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -khtml-border-radius: 20px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }*/
.section.freight_booking.sea table.standard.seafreight th,
.section.freight_booking.sea table.standard.seafreight td {
    padding: 15px;
}
#SeaFreightSection.freight_booking.sea .info_list {
    margin-bottom: 70px;
    max-width: 950px;
    line-height: 2em;
    text-align: center;
    list-style-type: none;
}
    #SeaFreightSection.freight_booking.sea .info_list li {
        text-align: center;
    }
    #SeaFreightSection.freight_booking.sea .info_list:before {
        display: block;
        font-size: 18px;
        text-align: center;
    }
    #SeaFreightSection.freight_booking.sea .info_list li:before {
        display: none;
    }
.freight_booking .form_container .field_container:hover span.note {
    max-width: 300px;
}
.freight_booking div.box table#quote-packinglist tr input {
    border-bottom: 1px dashed #355681 !important;
}
.freight_booking div.box table#quote-packinglist tr.footer {
    border-bottom: none !important;
}
.freight_booking div.box table#quote-packinglist tr.example {
    border-bottom: 1px dashed #bac9e5 !important;
}
.freight_booking div.box table#quote-packinglist tr td {
    font-family: "Roboto";
}
.freight_booking div.box table#quote-packinglist input[type=text] {
    background-color: #fff !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;/*
    border-bottom: none !important;*/
}
#SeaFreightSection.freight_booking.sea table.standard tr.dimensionsRow td input {
    border-bottom: 1px solid #355681;
}

#SeaFreightSection.freight_booking.sea table.standard tr:nth-child(even) {
    background-color: transparent !important;
}
#SeaFreightSection.freight_booking.sea table.standard tr th,
#SeaFreightSection.freight_booking.sea table.standard tr td {
    padding: 15px 8px;
    box-sizing: border-box;

}
.freight_booking div.box table#quote-packinglist input[type=text],
#SeaFreightSection.freight_booking.sea table.standard tr.dimensionsRow td input {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    border: none;
}
    #SeaFreightSection.freight_booking.sea table.standard tr.dimensionsRow td input:required:invalid,
    .freight_booking .Address_Form div.address_lookup select:invalid,
    .freight_booking div.box table#quote-packinglist input[type=text]:invalid {
        background-color: #fef0f1 !important;
    }
        .freight_booking div.box table#quote-packinglist input[type=text]:invalid {
            border-bottom: 1px dashed #ea4148 !important;
        }
    .freight_booking .Address_Form div.form.section table.FormTable td input:invalid {
        border-bottom: 1px solid  #fef0f1;
        border-bottom: 1px dashed #ea4148;
    }

    #SeaFreightSection.freight_booking.sea table.standard tr.dimensionsRow td input::placeholder {
        color: #ab0404;
    }

.freight_booking div.AddressDetails_Left,
.freight_booking div.AddressDetails_Right {
    /*border: 1px solid #bac9e5;*/
    padding: 20px !important;
    width: 48%;
    margin-top: 20px;
}
    .freight_booking h2.heading {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
.freight_booking div.AddressDetails_Left {
    margin-right: 2%;
}
.freight_booking div.AddressDetails_Right {
    margin-left: 2%;
}
.freight_booking .Address_Form h2.heading {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #355681 !important;
    background-color: transparent;
    font-size: 25px;
    text-align: center !important;
    padding: 30px 0 10px !important;
}
.freight_booking .Address_Form div.form.section {
    padding: 0 0 20px !important;
    margin-right: 0;
    margin-left: 0;
}
.freight_booking .Address_Form table.FormTable tr {
    /*border: 1px solid #dae4ea;*/
   /* background-color: #eef3f6;*/
}
    .freight_booking .Address_Form table.FormTable tr.saveAddress {
        border-top: 12px solid #fff;
    }
.freight_booking .Address_Form .form_options li span {
    color: #355681 !important;
    font-weight: bold;
}
.freight_booking .Address_Form table.FormTable tr tr {
    border: none;
}
.freight_booking .Address_Form table.FormTable tr td {
    padding:  7px 0;
    text-align: left !important;
    vertical-align: middle !important;
}
    .freight_booking .Address_Form table.FormTable tr td div.hover {
        left: 7px;
        top: -3px;
    }
    .freight_booking .Address_Form table.FormTable tr td.FormTableField {
        background-color: #fff;
    }
        .freight_booking .Address_Form table.FormTable tr td.FormTableField span.note {
            padding: 5px 10px !important;
            color: #355681 !important;
        }
    .freight_booking .Address_Form table.FormTable tr td.destinationCountry,
    .freight_booking .Address_Form table.FormTable tr td.destinationCountry div {
        color: #355681 !important;
        font-weight: 800 !important;
        margin-top: 10px !important;
    }
    .freight_booking .Address_Form table.FormTable tr td label {
        padding: 0px 0 !important;
        text-align: left !important;
        color: #355681;
        font-weight: 800 !important;
        font-size: 12px;
    }
    .freight_booking .Address_Form table.FormTable tr td input,
    .freight_booking .Address_Form table.FormTable tr td select {
        width: 100%;
    }
        .freight_booking .Address_Form table.FormTable tr td.FormTableLabel span.note {
            color: #355681;
        }
        .freight_booking .Address_Form table.FormTable tr td input {
            border-color: #fff;
            border-bottom: 1px dashed #355681;
    }
        .freight_booking .Address_Form table.FormTable tr td select {
            border-color: #355681;
            padding: 10px !important;
        }
        .freight_booking .Address_Form table.FormTable tr td input:placeholder-shown {
            background-color: #eef3f6;
        }
.freight_booking .Address_Form .address_lookup {
    background-color: #fff;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #386eb1;
}
    .freight_booking .Address_Form .address_lookup.newAddress {
        padding: 0 !important;
        background-color: transparent;
        border: none;
    }
.freight_booking .Address_Form .address_lookup a.small_button {
    border: 2px solid #fff !important;
    display: block;
    width: 96%;
    box-sizing: border-box;
    margin: auto;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
}
    .freight_booking .Address_Form .address_lookup a.small_button:hover,
    .freight_booking .Address_Form .address_lookup a.small_button:active,
    .freight_booking .Address_Form .address_lookup a.small_button:focus {
        opacity: 0.9;
    }

    .freight_booking .Address_Form .address_lookup.newAddress a.small_button {
        width: 100%;
        padding: 12px;
    }
        .freight_booking .Address_Form .address_lookup.newAddress a.small_button span {
            background-image: url(../layout/icon-magnify-white.png);
            background-repeat: no-repeat;
            background-position: right center;
            padding: 8px 20px 8px 8px;
        }
.freight_booking div.contentarea.freight div.address_lookup select {
    border: 1px solid #dae4ea !important;
}
.freight_booking .Address_Form .address_lookup,
.freight_booking .Address_Form  div.address_lookup select,
.freight_booking .Address_Form div.form.section table.FormTable td input {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    margin-top: 0 !important;
    font-family: "Roboto";
}

.freight_booking.section.gradient.confirmation {
    max-width: 900px;
}

    .freight_booking.section.gradient.confirmation .dt-margin-left {
        margin-left: 0 !important;
    }
    .freight_booking.section.gradient.confirmation p {
        font-family: "Roboto" !important;
    }
    .freight_booking.section.gradient.confirmation p,
    .freight_booking.section.gradient.confirmation h3 span {
        width: 100%;
        margin: 0 !important;
    }
    .freight_booking.section.gradient.confirmation b,
    .freight_booking.section.gradient.confirmation strong,
    .freight_booking.section.gradient.confirmation p strong {
        font-weight: 800 !important;
        font-family: "Roboto" !important;
    }
div.banner.information.white {
    border-bottom: 1px dashed #296db3;
}
    div.banner.information.white,
    div.banner.information.white a,
    div.banner.information.white li a span.content {
        color: #296db3 !important;
        font-size: 15px;
    }
    div.banner.information.white .button_blue {
        font-weight: 500;
    }
div.banner.information.blue,
div.banner.information.blue a,
div.banner.information.blue li a span.content {
    color: #fff !important;
    font-size: 15px;
}

.price_headlines,
div.form.quote.split .form_content ul.price_headlines {
    display: block;
    padding-left: 0 !important;
}
    div.form.quote.split .form_content .price_headlines {
        top: -12px;
    }
    .price_headlines,
    .price_headlines li {
        margin: 0;
        padding: 0 !important;
        position: relative;
        font-size: 23px;
        font-weight: 500;
    }
        .price_headlines li.icon {
            padding-right: 60px !important;
            display: inline-block;
        }
            .price_headlines li.icon:after {
                content: "";
                display: block;
                width: 50px;
                height: 50px;
                background-color: #fff;
                position: absolute;
                right: 0;
                top: -10px;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                -khtml-border-radius: 50%;
                background-size: cover;
                background-repeat: no-repeat;
            }
        .price_headlines li span.vat {
            font-size: 14px !important;
            font-weight: 500;
        }
        .price_headlines li:before {
            display: none !important;
        }

ul.grid,
ul.grid li {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
    box-sizing: border-box;
}
    ul.grid li {
        float: left;
        width: 33%;
        padding: 10px;
        overflow: hidden;
    }
        ul.grid li.two_col {
            width: 66%;
        }
        ul.grid li a {
            text-decoration: none;
            display: block;
            box-sizing: border-box;
            padding: 20px 30px 50px;
            text-align: left;
            border: 1px solid #004a8a;
            min-height: 320px;
            background-color: #094289;
            -moz-border-radius: 12px;
            -webkit-border-radius: 12px;
            border-radius: 12px;
            -khtml-border-radius: 12px;
            position: relative;
            -webkit-transition: all 0.7s;
            -moz-transition: all 0.7s;
            transition: all 0.7s;
            overflow: hidden;
        }
            ul.grid.eu li a {
                background-image: url(../layout/eu_stars_corner_btm_rt.png);
                background-position: bottom right;
                background-repeat: no-repeat;
                background-size: 130px auto;
                overflow: hidden;
                position:relative;
            }
                ul.grid li a:before {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    z-index: 1;
                    background-color: #003270;
                    -webkit-transition: all 0.7s;
                    -moz-transition: all 0.7s;
                    transition: all 0.7s;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    -moz-border-radius: 12px;
                    -webkit-border-radius: 12px;
                    border-radius: 12px;
                    -khtml-border-radius: 12px;
                }
                    ul.grid li a:hover:before {
                        opacity: 0.9;
                        filter: alpha(opacity=90);
                
                    }
        ul.grid li h2,
        ul.grid li p,
        ul.grid li ul li {
            margin: 0 !important;
            padding: 10px 0 10px !important;
            color: #fff !important;
            position: relative;
            top: 100px;
            -webkit-transition: all 0.7s;
            -moz-transition: all 0.7s;
            transition: all 0.7s;
        }
            ul.grid li h2 {
                font-size: 18px;
                padding: 10px 5px 10px !important;
                    z-index: 2;
            }
                ul.grid li h2:before {
                    border: solid #fff;
                    border-width: 0 3px 3px 0;
                    display: inline-block;
                    padding: 3px;
                    content: "";
                    transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                    left: -12px;
                    top: 15px;
                    position: absolute;
                    -webkit-transition: all 0.7s;
                    -moz-transition: all 0.7s;
                    transition: all 0.7s;
                }
                    ul.grid li a:hover h2:before,
                    ul.grid li a:active h2:before,
                    ul.grid li a:focus h2:before {
                        transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    }
                    ul.grid.eu li h2:before {
                        border: solid #ffcc00;
                        border-width: 0 3px 3px 0;
                    }
                ul.grid li a:hover h2,
                ul.grid li a:active h2,
                ul.grid li a:focus h2 {
                    top: 0;
                }
                    ul.grid li a h2:after,
                    ul.grid li a h2:after,
                    ul.grid li a h2:after {
                        content: "";
                        display: block;
                        height: 1px;
                        width: 0;
                        border-bottom: 1px solid #fff;
                        -webkit-transition: all 0.7s;
                        -moz-transition: all 0.7s;
                        transition: all 0.7s;
                        position: relative;
                        bottom: 1px;
                        position: absolute;
                        left: 0;
                        opacity: 0;
                        filter: alpha(opacity=0);
                        z-index: 1;
                    }
                        ul.grid.eu li a h2:after {
                            border-bottom: 1px solid #ffcc00;
                        }
                    ul.grid li a:hover h2:after,
                    ul.grid li a:active h2:after,
                    ul.grid li a:focus h2:after {
                        content: "";
                        display: block;
                        height: 1px;
                        width: 100%;
                        -webkit-transition: all 0.7s;
                        -moz-transition: all 0.7s;
                        transition: all 0.7s;
                        opacity: 1;
                        filter: alpha(opacity=100);
                    }
                    ul.grid li p {
                        font-size: 12px;
                        z-index: 2;
                    }
        ul.grid li a p {
            opacity: 0;
            filter: alpha(opacity=0);
            background-color: #003270;
            background-color: transparent;
            clear: both;
            height: 100px;
        }
            ul.grid li a:hover p,
            ul.grid li a:active p,
            ul.grid li a:focus p {
                opacity: 1;
                filter: alpha(opacity=100);
                -webkit-transition: all 0.7s;
                -moz-transition: all 0.7s;
                transition: all 0.7s;
                top: 0;
            }

        ul.grid li span.button {
            display: inline-block;
            background-color: #fff;
            color: #094289;
            padding: 8px 14px;
            margin-top: 40px;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            -khtml-border-radius: 25px;
            font-size: 11px;
            position: absolute;
            bottom: 20px;
            left: 20px;
            border: 2px solid #fff;
            z-index: 2;
            opacity: 1;
            filter: alpha(opacity=100);
            z-index: 3;
        }
            ul.grid li a:hover span.button,
            ul.grid li a:active span.button,
            ul.grid li a:focus span.button {
                opacity: 1;
                filter: alpha(opacity=100);
            }
            ul.grid li span.button:after {
                content: "";
                border: solid #094289;
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 2px;
                transform: rotate(-45deg) translateY(-1px);
                -webkit-transform: rotate(-45deg) translateY(-1px);
                margin-left: 8px;
                
            }
            ul.grid li a:hover span.button:after,
            ul.grid li a:active span.button:after,
            ul.grid li a:focus span.button:after {
                border-color: #42d15a;
            }
    ul.grid li ul {
        display: block;
        clear: both;
        padding: 8px 0 0;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        transition: all 0.7s;
        z-index: 2;
    }
        ul.grid li ul.shipments {
            position: absolute;
            bottom: 180px;
        }
        ul.grid li ul.destinations {
            position: absolute;
            bottom: 200px;
        }
        ul.grid li a:hover ul.shipments { 
            bottom: 140px; 
            -webkit-transition: all 0.7s;
            -moz-transition: all 0.7s;
            transition: all 0.7s;
        }
        ul.grid li a:hover ul.destinations { 
            bottom: 160px;
            -webkit-transition: all 0.7s;
            -moz-transition: all 0.7s;
            transition: all 0.7s;
        }

        ul.grid li ul li {
            float: none;
            display: inline-block;
            color: #fff;
            width: auto;
            background-repeat: no-repeat;
            background-position: left center;
            box-sizing: border-box;
            -webkit-transition: all 0.7s;
            -moz-transition: all 0.7s;
            transition: all 0.7s;
            position: relative;
            overflow: visible;
        }
            ul.grid li ul li.parcels,
            ul.grid li ul li.documents,
            ul.grid li ul li.pallets {

                padding: 0 10px 0 25px !important;
            }
            ul.grid li ul li.parcels { background-image: url('../layout/icon_boxes.png'); }
            ul.grid li ul li.documents { background-image: url('../layout/icon_documents.png'); }
            ul.grid li ul li.pallets { background-image: url('../layout/icon_pallet.png'); }

    ul.grid li ul.destinations li {
        background-repeat: no-repeat;
        background-position: right center;
        padding: 10px 25px 10px 10px !important;
        background-image: url(../layout/cart/icon_tick_green.png);
    }
    ul.grid.two_col li {
        width: 50%;
    }
        ul.grid.two_col li a {
            min-height: 220px;
        }
    ul.grid li h2, ul.grid li p, ul.grid li ul li {
        top: 70px;
    }
    /*ul.grid.services li a:after {
        content: "";
        display: block;
        width: 100%;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 0;
        background-image: url(../layout/brands/logo-dhl.png);
        background-position: center bottom;
        background-repeat: no-repeat;

    }*/
.bulk_upload_notice {
    display: block;
    margin: auto;
    font-family: "Roboto";
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px dashed #296db3;
}
    .bulk_upload_notice span {
        display: block;
        max-width: 1100px;
        margin: auto;
        padding: 4px 10px 4px;
        color: #004a8a;
        text-align: left;
    }
    .bulk_upload_notice .inner {
        display: block;
        max-width: 1100px;
        margin: auto;
        position: relative;
        padding-left: 50px;
    }
    .bulk_upload_notice .inner:before {
        display: inline-block;
        content: "!";
        color: #fff;
        font-size: 36px;
        background-color: #296db3;
        padding: 0 20px;
        box-sizing: border-box;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    #tracking_journey {
        display: block;
        text-align: left;
    }
    #tracking_journey .external_tracking {
        display: inline-block;
        box-sizing: border-box;
        background-color: #0096ea;
        position: relative;
        height: 110px;
    }
        #tracking_journey .external_tracking .leg {
            font-size: 17px;
            opacity: 0.6;
        }
        #tracking_journey .external_tracking:after {
            display: block;
            height: 78px;
            width: 78px;
            background-color: #000;
            content: "";
            z-index: 1;
            transform: rotate(45deg);
            position: absolute;
            top: 16px;
            right: -35px;
            bottom: 0;
            background-color: #0096ea;
            box-shadow: 4px -4px 0px 3px #fff
        }
         #tracking_journey .external_tracking:nth-of-type(3),
         #tracking_journey .external_tracking:nth-of-type(3):after{ background-color: #33b6ff; }
         #tracking_journey .external_tracking:nth-of-type(4),
         #tracking_journey .external_tracking:nth-of-type(4):after{ background-color: #69c9ff; }


        #tracking_journey .external_tracking.generic:hover,
        #tracking_journey .external_tracking.generic:hover:after {
            background-color: #0096ea;
        }

            #tracking_journey .external_tracking:hover,
            #tracking_journey .external_tracking:hover:after {
                background-color: #42d15a;
            }
         
    #tracking_journey.carrier_tracking_1 .external_tracking  { width: 50%; max-width: 800px; }
    #tracking_journey.carrier_tracking_2 .external_tracking { width: 40%; }
    #tracking_journey.carrier_tracking_3 .external_tracking { width: 31.2%; }

    #tracking_journey .external_tracking.generic {
        width: 25%;
    }
        #tracking_journey.carrier_tracking_2 .external_tracking.generic { width: 15%; }
        #tracking_journey.carrier_tracking_3 .external_tracking.generic { display: none; }

    #tracking_journey .external_tracking.generic span.tracking_icon {
        display: none;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 5;
        background-color: #0096ea;
        animation: warningpulse 2s infinite;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        background-image: url(../layout/icon_tracking_lrg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30px;
    }

    #tracking_journey .external_tracking a {
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
        #tracking_journey .external_tracking a .detail {
            position: absolute;
            top: 50%;
            right: -20px;
            text-align: left;
            display: block;
            transform: translateY(-50%);
            z-index: 2;
            padding-left: 45px;
            box-sizing: border-box;
        }
            
            #tracking_journey .external_tracking a .detail,
            #tracking_journey .external_tracking:nth-of-type(2) a .detail,
            #tracking_journey .external_tracking:nth-of-type(3) a .detail,
            #tracking_journey .external_tracking:nth-of-type(4) a .detail {left: 90px;}
           #tracking_journey.carrier_tracking_3 .external_tracking:nth-of-type(2) a .detail { left: 40px; }
            #tracking_journey .external_tracking a .detail strong { font-size: 15px; }

            #tracking_journey .external_tracking a .detail:before {
                display: block;
                content: "";
                width: 63px;
                height: 63px;
                position: absolute;
                background-color: #fff;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                -khtml-border-radius: 50%;
                top: 50%;
                left: -25px;
                transform: translateY(-50%);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 40%;
                border: 3px solid #fff;
                background-image: url(../layout/icon_tracking_lrg.png); /*DEFAULT*/
            }

                #tracking_journey .external_tracking.Hermes a .detail:before { background-image: url(../media/servicelogos/brand/evri.png); background-size: 100%; }
                #tracking_journey .external_tracking.Evri a .detail:before { background-image: url(../media/servicelogos/brand/evri.png); background-size: 100%; }
                #tracking_journey .external_tracking.DHL a .detail:before { background-image: url(../media/servicelogos/brand/dhl-air-express.png); background-size: 90%; background-color: #ffcd00; }
                #tracking_journey .external_tracking.DPD a .detail:before { background-image: url(../media/servicelogos/brand/dpd-classic.png); background-size: 90%; }
                #tracking_journey .external_tracking.UPS a .detail:before { background-image: url(../media/servicelogos/brand/ups_shield.png); background-size: 50%; background-color: #351c15; }
                #tracking_journey .external_tracking.FedEx a .detail:before, #tracking_journey .external_tracking.Fedex a .detail:before { background-image: url(../media/servicelogos/brand/FedEx.png); }
                #tracking_journey .external_tracking.TNT a .detail:before { background-image: url(../media/servicelogos/brand/tnt.png); }
                #tracking_journey .external_tracking.USPS a .detail:before { background-image: url(../media/servicelogos/brand/usps.png); background-size: 100%;  }



                #tracking_journey .external_tracking a .detail .reference {
                    display: block;
                }
                #tracking_journey .external_tracking a:hover .detail .reference {
                    position: relative;
                    z-index: 500;
                }
            #tracking_journey .external_tracking a .view_tracking {
                display: inline-block;
                font-size: 12px;
                padding: 5px 10px 5px 2px;
            }
                #tracking_journey .external_tracking a .view_tracking:after {
                    content: "";
                    border: solid black;
                    border-width: 0 3px 3px 0;
                    display: inline-block;
                    padding: 3px;
                    border: solid #fff;
                    border-width: 0 3px 3px 0;
                    display: inline-block;
                    padding: 3px;
                    position: relative;
                    right: -5px;
                    transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                }
.carousel_container,
.carousel_container ul,
.carousel_container li,
.carousel_container ul a {
    display: block;
    text-align: center;
    box-sizing: border-box;
}
.carousel_container ul {
    display: block;
    max-width: 1200px;
    text-align: center;
    margin: auto;
    padding-bottom: 100px;
}
    .carousel_container li {
        display: inline-block;
        width: 31%;
        margin: 0 1%;
        max-width: 300px;
        text-align: center;
    }
    .carousel_container .integration_options li {
        width: 18%;
        margin: 0 3%;
    }
        .carousel_container li a {
            display: block;
            max-width: 180px;
            margin: auto;
        }
            .carousel_container li a img {
                height: auto !important;
                width: 90%;
                margin-bottom: 15px;
            }
            .carousel_container p,
            .carousel_container h3,
            .carousel_container h4,
            .carousel_container h5 {
                color: #065390 !important;
                position: relative;
                top: -25px;
                font-family: "Roboto" !important;
                margin: auto;
                text-align: center;
            }
            .carousel_container h3,
            .carousel_container h4,
            .carousel_container h5 {
                font-weight: 300 !important;
                font-size: 26px;
            }
#timeline {
    display: block;
    position: relative;
    height: 100%;
    padding: 60px 0 130px;
    margin: 0;
}
    #timeline:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        border: 0;
        width: 2px;
        transform: translateX(-1px);
        border-left: 2px dashed #668dad;
    }
/*    #timeline:first-of-type:after {
        display: block;
        content: "";
        display: block;
        border: 2px solid #0096ea;
        display: block;
        width: 16px;
        height: 1px;
        position: absolute;
        left: 50%;
        top: 0;
        background-color: #0096ea;
        transform: translate(-50%, -50%);
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -khtml-border-radius: 2px;
    }*/
    #timeline:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 16px solid #668dad;
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
        top: -5px;
    }
    #timeline .row.no-margin {
        display: block;
        position: relative;
        clear: both;
    }
    #timeline .status_update {
        padding-bottom: 40px;
    }

    #timeline .uspsHeader,
    #timeline .uspsTrackItem.row {
        display: block;
        text-align: center !important;
        background-color: transparent;
    }
        #timeline .uspsHeader {
            position: absolute !important;
            bottom: 0;
            left: 0;
            right: 0;
        }
        #timeline .uspsHeader span.col-xs-5,
        #timeline .uspsHeader span.col-xs-4,
        #timeline .uspsHeader span.col-xs-3.hidden-sm {
            display: none !important;
        }
            #timeline .uspsHeader span.col-xs-3.date {
                float: none !important;
                display: inline;
                text-align: center !important;
                padding: 10px 20px 10px 40px;
                color: #668dad;
                /*-moz-border-radius: 25px;
                -webkit-border-radius: 25px;
                border-radius: 25px;
                -khtml-border-radius: 25px;
                border: 1px solid #668dad;*/
                background-color: #fff;
                background-image: url(../layout/cart/icon_calendar.png);
                background-repeat: no-repeat;
                background-position: 10px center;
            }
            #timeline .uspsHeader span.col-xs-3.date:before {
                content: "";
                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 16px solid #668dad;
                transform: translateX(-50%);
                position: absolute;
                left: 50%;
                top: -30px;
            }
        #timeline .uspsTrackItem.row {
            margin: 10px 0 !important;
            padding: 40px 0;
            border-top: none;
            position: relative;
            box-sizing: border-box;
        }
            #timeline .uspsTrackItem.row:before {
                display: block;
                content: "";
                border-top: 2px solid #0096ea;
                position: absolute;
                top: 50%;
                width: 80px;
            }
                .tracking_data #timeline .status_update .tracking_group .uspsTrackItem:nth-of-type(1):before {
                    border-top: 2px solid #42d15a ;

                }
        #timeline .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(odd),
        #timeline .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(odd) {
            float: left;
            width: 50%;
            padding-right: 50px;
        }
            #timeline .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(odd):before,
            #timeline .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(odd):before {
                right: 0;
            }
                #timeline.right_align .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(odd):before,
                #timeline.right_align .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(odd):before {
                    left: 0;
                    right:unset;
                }
        #timeline .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(even),
        #timeline .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(even),
        #timeline.right_align .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(odd),
        #timeline.right_align .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(odd) {
            float: right;
            width: 50%;
            padding-left: 50px;
        }
            #timeline .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(even):before,
            #timeline .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(even):before {
                left: 0;
            }
            #timeline .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(odd) span,
            #timeline .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(odd) span {
                text-align: right;
            }
            #timeline .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(even) span,
            #timeline .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(even) span,
            #timeline.right_align .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(odd) span,
            #timeline.right_align .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(odd) span{
                text-align: left;
            }
            #timeline .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(odd) span.time,
            #timeline .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(odd) span.time {
                right: 0;
                transform: translate(50%, -50%);
            }
            #timeline .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(even) span.time,
            #timeline .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(even) span.time,
            #timeline.right_align .row.no-margin:nth-of-type(even) .uspsTrackItem.row:nth-of-type(odd) span.time,
            #timeline.right_align .row.no-margin:nth-of-type(odd) .uspsTrackItem.row:nth-of-type(odd) span.time {
                left: 0;
                transform: translate(-50%, -50%);
            }
        #timeline .uspsTrackItem.row span {
            display: block !important;
            width: 100%;
        }
            #timeline .uspsTrackItem.row span.time {
                display: inline-block !important;
                font-weight: bold;
                position: absolute;
                top: 50%;
                margin: 0;
                width: 50px !important;
                text-align: center !important;
                padding: 16px 0 12px !important;
                color: #fff;
                background-color: #0096ea;
                border: 3px solid #fff;
                position: absolute;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                -khtml-border-radius: 50%;
                box-sizing: border-box;
                box-shadow: 0px 0px 0 2px #0096ea;
            }

                .tracking_data #timeline .status_update .tracking_group .uspsTrackItem:nth-of-type(1) span.time {
                    box-shadow: 0px 0px 0 2px #42d15a !important;
                    background-color: #42d15a !important;
                    animation: pulse 2s infinite;
                    -webkit-animation-iteration-count: infinite !important;
                }
                .tracking_data #timeline .status_update .tracking_group .uspsTrackItem:nth-of-type(1) span.description {
                    color: #42d15a !important;

                }
            #timeline .uspsTrackItem.row span.description {
                font-weight: bold;
                color: #0096ea;
                background-color: #fff;
                position: relative;
                z-index: 3;
                padding: 0 10px;
            }
            #timeline .uspsTrackItem.row span.location {
                font-size: 11px;
                background-color: #fff;
                position: relative;
                z-index: 3;
                font-size: 13px;
                color: #668dad;
                padding: 0 10px;
            }


    #timeline .tracking_leg {
        display: block;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(0);
    }
        #timeline .tracking_leg h4 {
            font-family: "RobotoBold" !important;
            padding: 20px 0 5px !important;
            margin: 0 !important;
            background-color: #fff;
            color: #668dad !important;
            position: relative;
            display: block;
            text-transform: uppercase;
            font-size: 14px;
            z-index: 3;
        }
            #timeline .tracking_leg h4:before,
            #timeline.leg_count_1:after {
                display: block;
                content: "";
                width: 14px;
                height: 14px;
                background-color: #668dad;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                -khtml-border-radius: 50%;
                position: absolute;
                top: 0;
                left: 50%;
                border: 2px solid #fff;
                box-shadow: 0px 0px 0 2px #668dad;
                transform: translateX(-50%);
            }
                #timeline.leg_count_1:after {
                    top: unset;
                    bottom: 0;
                }
    #timeline div.ErrorNotification {
        z-index: 5;
        position: relative;
        background-color: transparent;
        color: red;
        float: left;
        width: 50%;
        padding-right: 50px;
        text-align: right;
        color: #ed5900;
        background-color: #fff;
        top: -12px;
    }
        #timeline .ErrorNotification:before {
            content: "!";
            display: inline-block !important;
            font-weight: bold;
            position: absolute;
            top: 50%;
            margin: 0;
            font-size: 22px;
            width: 50px !important;
            text-align: center !important;
            padding: 7px 0 7px !important;
            color: #fff;
            background-color: #ed5900;
            border: 3px solid #fff;
            position: absolute;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
            box-sizing: border-box;
            box-shadow: 0px 0px 0 2px #ed5900;
            right: 0;
            transform: translate(50%, -50%);
        }
        #timeline .ErrorNotification:after {
            display: block;
            content: "";
            border-top: 2px solid #ed5900;
            position: absolute;
            top: 50%;
            width: 80px;
            right: 0;
            z-index:-1;
        }
    #timeline .ErrorNotification span {
        font-weight: bold;
        color: #ed5900;
        background-color: #fff;
        position: relative;
        z-index: 3;
        padding: 0 10px;
    }

section.video_text_content {
    text-align: center;
    display: block;
    padding: 0 0 20vh;
}
    a.button_light_blue,
    span.button_light_blue,
    section.video_text_content a.button_light_blue,
    #ServiceInformation.content_info .ContentPage_Content section a.button,
    #ServiceInformation.content_info .ContentPage_Content section a.button_light_blue {
        background-color: #42a5f5;
        color: #fff !important;
        display: inline-block;
        padding: 12px 25px !important;
        text-decoration: none;
        margin: 20px 12px !important;
        -moz-border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        border-radius: 3px !important;
        -khtml-border-radius: 3px !important;
        font-weight: 500 !important;
    }
        a.button_light_blue.xsmall,
        span.button_light_blue.xsmall {
            padding: 8px 20px !important;
        }
        a.button_light_blue:hover,
        span.button_light_blue:hover,
        section.video_text_content a.button_light_blue:hover,
        #ServiceInformation.content_info .ContentPage_Content section a.button:hover,
        #ServiceInformation.content_info .ContentPage_Content section a.button_light_blue:hover {
            opacity: 0.9;
        }
    section.video_text_content div.cse {
        text-align: left;
        padding: 0px 0px 0px 110px;
    }
    section.video_text_content h1,
    section.video_text_content h2 {
        font-size: 30px !important;
        font-weight: 500 !important;
        font-family: roboto !important;
        letter-spacing: 0;
        padding: 30px 0 60px !important;
        margin: 0 !important;
        position: relative;
        color: #355681 !important;
    }
    section.video_text_content h2 {
        font-size: 18px !important;
        padding: 40px 0 0 0 !important;
        width: 95%;
        max-width: 1150px;
        margin: auto !important;
        color: #355681 !important;
    }
        section.video_text_content h2 a {
            color: #355681 !important;
        }
    section.video_text_content h2}
        section.video_text_content .centered h2 {
            padding-left: 0 !important;
        }
    section.video_text_content p {
        color: #355681 !important;
    }
    section.video_text_content .banner_ribbon {
        display: block;
        position: absolute;
        background-color: #42a5f5;
        color: #fff;
        z-index: 10;
        width: 180px;
        padding: 50px 10px 12px;
        transform: rotate(-45deg);
        left: -85px;
        top: -25px;
        font-size: 13px;
        text-transform: uppercase;

    }
    section.video_text_content div.introsummary {
        max-width: 1400px;
    }
    section.video_text_content div.text_content,
    section.video_text_content div.video_content {
        width: 47%;
        margin: 0 0;
        position: relative;
        display: block;
        float: left;
    }
        section.video_text_content.center_panel div.video_content {
            width: 47%;
            margin: 0 auto;
            position: relative;
            display: block;
            float: none;
        }
    section.video_text_content div.text_content.centered,
    section.video_text_content div.video_content.centered {
        width: 100%;
        margin: 0 0;
        position: relative;
        display: block;
        float: none;
    }
        section.video_text_content div.text_content.centered .cse {
            padding-left: 0 !important;
            max-width: 950px;
            margin: auto;
        }
    section.video_text_content div.text_content { margin-right: 2%;   }
    section.video_text_content div.video_content { margin-left: 2%; margin-top: 15px;    }

    section.video_text_content ul.controls {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        list-style-type: none;
        transform: translateY(100%);
    }
        section.video_text_content ul.controls li,
        #ServiceInformation .page_information ul.controls li {
            display: inline-block !important;
            list-style-type: none;
            padding: 8px 4px;
        }
            #ServiceInformation .page_information ul.controls li:before,
            #ServiceInformation .page_information ul.controls li:after {
                display: none;
            }
        section.video_text_content ul.controls li a,
        section.video_text_content ul.controls li a:after {
            display: inline-block;
            position: relative;
            text-indent: -9999px;
            border: 1px solid #999;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
        }
            section.video_text_content ul.controls li a {
                width: 20px;
                height: 20px;
            }
                section.video_text_content ul.controls li a.active,
                section.video_text_content ul.controls li a.active:after {
                    border-color: #42a5f5;
                }
                section.video_text_content ul.controls li a.active:after {
                    content: "";
                    display: block;
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    background-color: #42a5f5;
                    transform: translate(-50%, -50%);
                }
    section.video_text_content .video_panel {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute !important;
        background-color: #efefef;
        top: 0;
        left: 0;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
    }

        section.video_text_content div.video-container {
            overflow: hidden;
        }
        section.video_text_content .video_panel#Container_Video_1 {
            left: -110%;
        }
        section.video_text_content .video_panel#Container_Video_2 {
            left: 110%;
        }
        section.video_text_content .video_panel.active {
            left: 0 !important;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            transition: all 1s;
        }

    .tracking_data h4.title span {
        display: block !important;
        width: unset;
        color: #668dad;
        padding: 3px 0 0;
        font-size: 13px;
        font-family: "Roboto";
    }
#Frm_WebsiteFeedback {
    display: block;
    background-color: #f6f9fc;
    padding: 20px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    -khtml-border-radius: 26px;
}
    #Frm_WebsiteFeedback textarea {
        border: none;
        overflow-Y: scroll;
        overflow-X: hidden;
        resize: none;
        padding: 20px;
        font-size: 14px;
        box-sizing: border-box;
        border: 1px solid #cedaf1;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -khtml-border-radius: 6px;
        width: 100%;
        height: 180px;
    }
    #Frm_WebsiteFeedback .button_container {

        text-align: center;
        padding: 10px;
    }
        #Frm_WebsiteFeedback .button_container button,
        #Frm_WebsiteFeedback .button_container input[type="submit"] {
            background-color: #296db3;
            color: #fff;
            border: none;
            padding: 10px 30px;
            -moz-border-radius: 26px;
            -webkit-border-radius: 26px;
            border-radius: 26px;
            -khtml-border-radius: 26px;
        }
        #Frm_WebsiteFeedback .button_container button:hover,
        #Frm_WebsiteFeedback .button_container input[type="submit"]:hover {
            opacity: 0.8;
            cursor: pointer;
        }
        #docUploadForm {
            background-color: #e2eaf9;
            padding: 20px;
            box-sizing: border-box;
            margin-bottom: 30px;
            margin-top: 30px;
            -moz-border-radius: 16px !important;
            -webkit-border-radius: 16px !important;
            border-radius: 16px !important;
            -khtml-border-radius: 16px !important;
        }
    #docUploadForm table,
    #docUploadForm tr,
    #docUploadForm td {
        border-color: #e2eaf9;
    }
        #docUploadForm td input[type="file"] {
            border: 1px solid #bac9e5;
            background: #fff;
            box-sizing: border-box;
        }
.tracking_data #timeline .tracking_leg h4.title span {
    display: block !important;
}





    .filter_options,
    .filter_options div {
        display: block;
    }
    .filter_options div {
        display: block;
        padding: 10px;
        border-top: 1px solid #555;
    }
        .filter_options div:last-of-type {
            border-bottom: 1px solid #555;
        }
    .filter_options button {
        padding: 5px 10px !important;
        background-color: #fff;
        border: 1px solid #555;
        font-size: 11px !important;
        color: #555 !important;
        min-width: 80px;
        -moz-border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        border-radius: 6px !important;
        -khtml-border-radius: 6px !important;
    }


.bulkuploaderrormessage {
    display: none;
    color: #750000;
    font-size: 11px;
    text-align: left;
    padding: 10px 10px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #750000;
    max-width: 200px;
    box-sizing: border-box;
    transform: translateY(3px);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    z-index: 1000;
}
td:hover .bulkuploaderrormessage {
    display: block;
}
.bulkuploaderrormessage:before {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    content: "";
    position: absolute;
    top: -4px;
    left: 5px;
    box-shadow: 1px -1px 0 0 #750000; 
    transform: rotate(-45deg);
}
.social h5 {
    font-family: "Roboto" !important;
    text-align: center;
    display: block;
    font-size: 26px;
    font-weight: 500 !important;
    padding: 70px 0 30px !important;
    color: #004a8a !important;
}
.error-table-cell {
    border-bottom: 2px solid #fff;
}
    .error-table-cell input {
        border-width: 1px;
        border-style: solid;
        padding: 4px;
    }
    #GDPRFooter {
        height: 100%;
        position: fixed;
        width: 0;
        top: 0;
        right: 0;
        bottom: 0px;
        z-index: 9998;
        display: none;
        display: block;
    }
    #GDPRFooter.active .cookie_overlay {
        display: block;
        transition: 2s ease all;
        background: rgba(0,0,0,0.7);
        top: 0;
        right: 0;
        bottom: 0px;
        left: 0;
        height: 100%;
        position: fixed;
        width: 0;
    }
    #GDPRFooter.active,
    #GDPRFooter.active .cookie_overlay {
        width: 100%;
    }
    #GDPRFooter #CookiePreferences {
        padding: 2vh 50px 5vh;
        display: block;
        width: 0px;
        position: absolute;
        width: 90%;
        max-width: 450px;
        right: 0;
        bottom: 0;
        box-sizing: border-box;
        transition: 2s ease all;
        transition-delay: 0.5s;
        border-top-left-radius: 15px;
        transform: translateY(100%);
    }
        #GDPRFooter.active #CookiePreferences {
            transform: translateY(0);
        }
        
    #GDPRFooter #cookie_control {
        display: inline-block;
        width: auto;
        height: 34px;
        position: absolute;
        top: -33px;
        right: 0;
        padding: 10px 45px 0 28px;
        color: #fff;
        border-top-left-radius: 15px;
        box-sizing: border-box;
        cursor:pointer;
        white-space: nowrap;
    }
        #GDPRFooter #cookie_control,
        #GDPRFooter #CookiePreferences,
        #GDPRFooter #cookie_control:before {
            background: #004382;
        }
            #GDPRFooter #cookie_control:before {
                background-image: url(../layout/icon_cookie.png);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 100% auto;
                display: block;
                width: 20px;
                height: 20px;
                content: "";
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                -khtml-border-radius: 50%;
                position: absolute;
                top: 18px;
                transform: translateY(-50%);
                right: 12px;
            }
            #GDPRFooter #CookiePreferences #cookie_settings {
                display: none;
            }
            #GDPRFooter #CookiePreferences #cookie_settings.active {
                display: block;
            }
    #GDPRFooter #CookiePreferences .cookie-position {
        display: block;
    }
        #GDPRFooter #CookiePreferences .cookie-position a {
            color: #0185cd;
        }
            #GDPRFooter #CookiePreferences .cookie-position a.link {
                color: #bedcf1 !important;
            }
            #GDPRFooter #CookiePreferences #cookie_options {
                display:block;
                padding: 30px 0 0;
            }
            #GDPRFooter #CookiePreferences #cookie_options.hidden {
                display: none;
            }
        #GDPRFooter #CookiePreferences .cookie-position .button_blue {
            border: 1px solid #fff;
            background-color: #fff !important;
            font-size: 12px !important;
            color: #004382 !important;
            font-weight: 500;
            padding: 8px 25px;

        }
        #GDPRFooter #CookiePreferences .cookie-position #EnableCookieSettings {
            border: 1px solid #fff;
            background-color: #fff !important;
            font-size: 11px !important;
            color: #004382 !important;
            font-weight: 500;
            padding: 8px 25px;
            background-color: transparent !important;
            color: #fff !important;
            float: left;
            margin-right: 20px;
        }
        #GDPRFooter #CookiePreferences .cookie-position strong {
            color: #fff !important;
        }

        #GDPRFooter #CookiePreferences .cookie-position p,
        #GDPRFooter #CookiePreferences .cookie-position h5,
        #GDPRFooter #CookiePreferences .cookie-position li {
            color: #fff !important;
            font-family: "Roboto" !important;
            line-height: 1.7em;
            width: 100% !important;
            margin: 0 !important;
        }
             #GDPRFooter #CookiePreferences .cookie-position p {
                 font-size: 12px;
             }
        #GDPRFooter #CookiePreferences .cookie-position ul,
        #GDPRFooter #CookiePreferences .cookie-position li {
            display: block;
            list-style-type: none;
            position: relative;
            box-sizing: border-box;
            font-size: 12px;
        }
            #GDPRFooter #CookiePreferences .cookie-position ul {
                 padding: 10px 0 30px;
            }
            #GDPRFooter #CookiePreferences .cookie-position li {
                 padding: 10px 0 10px 35px;
            }
            #GDPRFooter #CookiePreferences .cookie-position li strong {
                display: block;
            }
            #GDPRFooter #CookiePreferences .cookie-position li input {
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }
            #GDPRFooter #CookiePreferences .cookie-position li label {
               display: block;
            }
                #GDPRFooter #CookiePreferences .cookie-position li label:after,
                #GDPRFooter #CookiePreferences .cookie-position li label:before {
                    display: inline-block;
                    content: "";
                    position: absolute;
                    -moz-border-radius: 50% !important;
                    -webkit-border-radius: 50% !important;
                    border-radius: 50% !important;
                    -khtml-border-radius: 50% !important;
                    outline: none;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    -o-appearance: none;
                    appearance: none;
                    z-index: 1;
                    top: 50%;
                    transform: translateY(-50%);
                    -webkit-transition: all .15s ease;
                    -moz-transition: all .15s ease;
                    -o-transition: all .15s ease;
                    -ms-transition: all .15s ease;
                    transition: all .15s ease;
                    left: 0;
                    width: 22px;
                    height: 22px;
                    background-color: #fff;
                }

                #GDPRFooter #CookiePreferences .cookie-position li label:after {
                    width: 14px;
                    height: 14px;
                    left: 4px
                }
                    #GDPRFooter #CookiePreferences .cookie-position input:checked + label:after,
                    #GDPRFooter #CookiePreferences .cookie-position input:checked ~ label:after {
                        background-color: #09a80e;
                    }

            #GDPRFooter #CookiePreferences .confirm_selection {
                display: block;
                text-align: center;
                padding-bottom: 60px;
            }

        @keyframes AccreditationsWidgetEntrance {
            0% {
        bottom: -999px;
    }

    100% {
        bottom: 0;
    }
} @keyframes AccreditationsWidgetExit {
    0% {
        bottom: 0;
    }

    100% {
        bottom: -999px;
    }
} .animate ol, .animate .ContentPage_Content {
    overflow: hidden;
} .animate li, .animate .section {
    transform: translateY(250px);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
} .animate .display li {
        opacity: 1;
        transform: none;
        filter: alpha(opacity=1);
    } .animate li img:nth-of-type(1), .animate .section:nth-of-type(even) p, .animate .section:nth-of-type(odd) img {
        transform: translateX(-100px);
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        transition: all 0.7s;
    } .animate li img:nth-of-type(2), .animate .section:nth-of-type(odd) p, .animate .section:nth-of-type(even) img {
        transform: translateX(150px);
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        transition: all 0.7s;
    } .animate li.animate-in, .animate .section.animate-in {
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    animation-delay: 1s;
    -o-animation-delay: 1s;
    -moz--animation-delay: 1s;
    -webkit-animation-delay: 1s;
    } .animate li.animate-in img, .animate .section.animate-in p, .animate .section.animate-in img {
            transform: none;
            -webkit-transition: all 0.7s;
            -moz-transition: all 0.7s;
            transition: all 0.7s;
        } .slide-in {
    transform: translateX(150%);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
} .slide-in.animate-in, .slide-in.animate-in {
        transform: none;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        transition: all 0.7s;
        animation-delay: 1s;
        -o-animation-delay: 1s;
        -moz--animation-delay: 1s;
        -webkit-animation-delay: 1s;
        } #announcements li a, #announcements li b, #announcements li .highlight {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
} #announcements li a{
        color: #fff;
    } #announcements li b, #announcements li .highlight {
        color: #92dded !important;
    }

#announcements a.white_button {
    text-decoration: none;
    background-color: #fff;
    color: #0f4c8a;
    padding: 6px 16px;
    font-size: 11px;
    margin-left: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
}

@media screen and (min-width: 751px) and (max-width: 870px) {
    footer div.section.contact {
        width: 35% !important;
        box-sizing: border-box;
    }
} @media screen and (min-width: 800px) {

    section.banner.media.AE { background: url(../layout/images/ae_uae.jpg) no-repeat center bottom; }
    section.banner.media.AE.Dubai { background: url(../layout/images/ae_dubai.jpg) no-repeat center; }
    section.banner.media.AT { background: url(../layout/images/at_austria.jpg) no-repeat center; }
    section.banner.media.AU { background: url(../layout/images/au_australia.jpg) no-repeat center; }
    section.banner.media.AU.New-south-wales { background: url(../layout/images/au_tasmania.jpg) no-repeat center top; }
    section.banner.media.AU.Perth { background: url(../layout/images/au_perth.jpg) no-repeat center; }
    section.banner.media.AU.Melbourne { background: url(../layout/images/au_melbourne.jpg) no-repeat center top; }
    section.banner.media.AU.Sydney { background: url(../layout/images/au_sydney.jpg) no-repeat center center; }
    section.banner.media.AU.Brisbane { background: url(../layout/images/au_brisbane.jpg) no-repeat center center; }
    section.banner.media.BG { background: url(../layout/images/bg_bulgaria.jpg) no-repeat center; }
    section.banner.media.BR { background: url(../layout/images/br_rio.jpg) no-repeat center; }
    section.banner.media.CH { background: url(../layout/images/ch_switzerland.jpg) no-repeat center bottom; }
    section.banner.media.CN { background: url(../layout/images/cn_china.jpg) no-repeat center bottom; }
    section.banner.media.CN.Beijing { background: url(../layout/images/cn_beijing.jpg) no-repeat center; }
    section.banner.media.CN.Shanghai { background: url(../layout/images/cn_shanghai.jpg) no-repeat center; }
    section.banner.media.CN.Hong-kong { background: url(../layout/images/cn_hongkong.jpg) no-repeat center; }
    section.banner.media.CY { background: url(../layout/images/cy_cyprus.jpg) no-repeat center; }
    section.banner.media.DE { background-image: url(../layout/images/de_hamburg2.jpg); }
    section.banner.media.DE.Hamburg { background-image: url(../layout/images/de_hamburg.jpg); }
    section.banner.media.DE.Berlin { background-image: url(../layout/images/de_wasserschloss.jpg); }
    section.banner.media.DK { background: url(../layout/images/dk_denmark.jpg) no-repeat center center; }
    section.banner.media.FR { background: url(../layout/images/fr_paris.jpg) no-repeat center; }
    section.banner.media.FR.Paris { background: url(../layout/images/fr_paris.jpg) no-repeat center; }
    section.banner.media.ID { background: url(../layout/images/id_indonesia.jpg) no-repeat center center; }
    section.banner.media.IE { background: url(../layout/images/ie_ireland.jpg) no-repeat center center; }
    section.banner.media.IT { background: url(../layout/images/it_venice.jpg) no-repeat center center; }
    section.banner.media.FI { background: url(../layout/images/fi_helsinki.jpg) no-repeat center top; }
    section.banner.media.GR { background: url(../layout/images/gr_greece.jpg) no-repeat center bottom; }
    section.banner.media.GR.Athens { background: url(../layout/images/gr_athens.jpg) no-repeat center; }
    section.banner.media.HK { background: url(../layout/images/hk_hong_kong.jpg) no-repeat center bottom; }
    section.banner.media.HK.Hong-Kong-from-UK { background: url(../layout/images/hk_hong_kong_city.jpg) no-repeat center; }
    section.banner.media.HR { background: url(../layout/images/hr_croatia.jpg) no-repeat center; }
    section.banner.media.HU { background: url(../layout/images/hu_hungary.jpg) no-repeat center; }
    section.banner.media.IN { background: url(../layout/images/in_india.jpg) no-repeat center; }
    section.banner.media.JP { background: url(../layout/images/jp_fuji.jpg) no-repeat center top; }
    section.banner.media.JP.Tokyo { background: url(../layout/images/jp_japan.jpg) no-repeat center top; }
    section.banner.media.KE { background: url(../layout/images/ke_kenya.jpg) no-repeat center; }
    section.banner.media.KR { background: url(../layout/images/kr_south_korea.jpg) no-repeat center; }
    section.banner.media.TH { background: url(../layout/images/th_bangkok.jpg) no-repeat center; }
    section.banner.media.US { background: url(../layout/images/us_newyork.jpg) no-repeat center; }
    section.banner.media.ZA { background: url(../layout/images/za_capetown.jpg) no-repeat center; }
    section.banner.media.ES { background: url(../layout/images/es_barcelona.jpg) no-repeat center bottom; }
    section.banner.media.ES.Madrid { background: url(../layout/images/es_madrid.jpg) no-repeat center; }
    section.banner.media.LV { background: url(../layout/images/lv_latvia.jpg) no-repeat center; }
    section.banner.media.MT { background: url(../layout/images/mt_malta.jpg) no-repeat center; }
    section.banner.media.MX { background: url(../layout/images/mx_cancun.jpg) no-repeat center; }
    section.banner.media.MY { background: url(../layout/images/my_malaysia.jpg) no-repeat center; }
    section.banner.media.MY.Kuala-lumpur { background: url(../layout/images/my_kuala_lumpur.jpg) no-repeat center; }
    section.banner.media.CA { background: url(../layout/images/ca_lake.jpg) no-repeat center; }
    section.banner.media.NG { background: url(../layout/images/africa.jpg) no-repeat center; }
    section.banner.media.NZ { background: url(../layout/images/nz_new_zealand.jpg) no-repeat center bottom; }
    section.banner.media.NZ.New-Zealand-from-UK { background: url(../layout/images/nz_beach.jpg) no-repeat center; }
    section.banner.media.SE { background: url(../layout/images/sw_feskekorka.jpg) no-repeat center; }
    section.banner.media.NO { background: url(../layout/images/no_aurora.jpg) no-repeat center bottom; }
    section.banner.media.NL { background: url(../layout/images/nl_tulips.jpg) no-repeat center; }
    section.banner.media.PT { background: url(../layout/images/pt_lisbon.jpg) no-repeat center; }
    section.banner.media.BE { background: url(../layout/images/be_ghent.jpg) no-repeat center; }
    section.banner.media.CZ { background: url(../layout/images/cz_prague.jpg) no-repeat center bottom; }
    section.banner.media.SG { background: url(../layout/images/sg_river.jpg) no-repeat center; }
    section.banner.media.TW { background: url(../layout/images/tw_taiwan.jpg) no-repeat center; }
    section.banner.media.GB { background: url(../layout/images/uk_london2.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.GB.London { background: url(../layout/images/uk_london6.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.JE.Channel-islands { background: url(../layout/images/gb_jersey.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.us-worldwide { background: url(../layout/images/us_worldwide.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.us-export { background: url(../layout/images/us_flag.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.IS { background: url(../layout/images/is-israel.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.SA { background: url(../layout/images/sa-saudi-arabia.jpg) no-repeat center bottom; min-height: 65vh; }
    section.banner.media.RU { background: url(../layout/images/ru_stpertersburg.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.PL { background: url(../layout/images/pl_krakow.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.EG { background: url(../layout/images/eg_pyramid.jpg) no-repeat center; }
    section.banner.media.UA { background: url(../layout/images/ua_kiev.jpg) no-repeat center; }
    section.banner.media.AD { background: url(../layout/images/ad_flag.jpg) no-repeat center; }
    section.banner.media.RO { background: url(../layout/images/ro_transylvania.jpg) no-repeat center bottom; }
    section.banner.media.PK { background: url(../layout/images/pk_sindh.jpg) no-repeat center; }
    section.banner.media.KZ { background: url(../layout/images/kz_river.jpg) no-repeat center; }
    section.banner.media.TR { background: url(../layout/images/tr_turkey.jpg) no-repeat center; }
    section.banner.media.QA { background: url(../layout/images/qa_doha.jpg) no-repeat center; }
    section.banner.media.SK { background: url(../layout/images/sk_slovkia.jpg) no-repeat center; }
    section.banner.media.SL { background: url(../layout/images/sl_slovenia.jpg) no-repeat center; }
    section.banner.media.LU { background: url(../layout/images/lu_luxembourg.jpg) no-repeat center; }

    section.banner.media.campaigns.US { background: url(../layout/images/us_new_york.jpg) no-repeat center; }
    section.banner.media.campaigns.ES { background: url(../layout/images/es_barcelona2.jpg) no-repeat center; }
    section.banner.media.campaigns.CN { background: url(../layout/images/cn_yangshuo.jpg) no-repeat center bottom; } 
    section.banner.media.campaigns.BE { background: url(../layout/images/be_brussels.jpg) no-repeat center; }

    
    /* NEW LANDING PAGE BANNER IMAGES */
    .parcel-delivery-to-china section.banner.media {
        background: url(../layout/images/cn_yuyuan.jpg) no-repeat center;
        min-height: 75vh;
    }
    .parcel-delivery-to-usa section.banner.media { background: url(../layout/images/us_sanfrancisco.jpg) no-repeat center; min-height: 75vh; }
    .parcel-delivery-to-canada section.banner.media { background: url(../layout/images/ca_mountains.jpg) no-repeat center; min-height: 75vh; }
    .parcel-delivery-to-ireland section.banner.media { background: url(../layout/images/ie_northcoast.jpg) no-repeat center; min-height: 75vh; }

    section.banner.media.moscow {
        background: url(../layout/images/ru_moscow.jpg) no-repeat center bottom;
        min-height: 75vh;
    }

   body.careers section.banner.media .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.3)); }
   body.careers section.banner.media { background: url(../layout/images/corporate_office.jpg) no-repeat center bottom; }
   body.careers.customer-services-advisor section.banner.media { background: url(../layout/images/corporate_csa.jpg) no-repeat center; }
   body.careers.it-support-engineer section.banner.media { background: url(../layout/images/corporate_sales.jpg) no-repeat center; }
   body.careers.driver section.banner.media { background: url(../layout/images/corporate_vans_dhl.jpg) no-repeat center; }
   body.careers.driver-east-midlands section.banner.media { background: url(../layout/images/van_courier_driver.jpg) no-repeat center; }
   body.careers.hgv-driver section.banner.media { background: url(../layout/images/van_courier_driver.jpg) no-repeat center; }
   body.careers.lgv-driver section.banner.media { background: url(../layout/images/corporate_vans_dhl.jpg) no-repeat center; }
   body.careers.receptionist-east-mids section.banner.media { background: url(../layout/images/careers-receptionist.jpg) no-repeat center; }
   body.careers.driver-wirral section.banner.media { background: url(../layout/images/van_courier_driver.jpg) no-repeat center; }
   body.careers.freight-warehouse-admin-london section.banner.media { background: url(../layout/images/corporate_sales.jpg) no-repeat center; }
   body.careers.warehouse-operative section.banner.media { background: url(../layout/images/warehouse.jpg) no-repeat center; }

    section.banner.media.parceldelivery { background: url(../layout/images/landing_parceldelivery.jpg) no-repeat center; }
    section.banner.media.parceldeliverylocal { background: url(../layout/images/bulk_parcel_booking.jpg) no-repeat center bottom; }
    section.banner.media.bulk-parcels { background: url(../layout/images/boxes-bulk.jpg) no-repeat center; }
    section.banner.media.next-day  { background: url(../layout/images/couple-open-box.jpg) no-repeat center; }
    section.banner.media.broker { background: url(../layout/images/parcel_broker.jpg) no-repeat center; min-height: 75vh; }
    section.banner.media.document { background: url(../layout/images/document_services.jpg) no-repeat center; min-height: 75vh; }
    section.banner.media.fulfilment { background: url(../layout/images/fulfilment.jpg) no-repeat center; }
    section.banner.media.warehouse { background: url(../layout/images/warehouse.jpg) no-repeat center; }
    section.banner.media.compare { background: url(../layout/images/laptop_user.jpg) no-repeat center; }
    section.banner.media.postal_services { background: url(../layout/images/mail-services.jpg) no-repeat center; }
    section.banner.media.landmark { background: url(../layout/images/img_landmark.jpg) no-repeat center; }
    section.banner.media.asendia { background: url(../layout/images/img_asendia.jpg) no-repeat center; }
    section.banner.media.hermes { background: url(../layout/images/img_hermes.jpg) no-repeat center; }
    section.banner.media.evri { background: url(../layout/images/img_hermes.jpg) no-repeat center; }
    section.banner.media.international_courier { background: url(../layout/images/courier_delivery.jpg) no-repeat center; }
    section.banner.media.compare.provider { background: url(../layout/images/choosing_service.jpg) no-repeat center; }
    section.banner.media.tnt_import { background: url(../layout/images/cn_hongkong_city.jpg) no-repeat center bottom; }
    section.banner.media.tnt_express { background: url(../layout/images/img_parcels_floor2.jpg) no-repeat center bottom; }
    section.banner.media.uk_imports { background: url(../layout/images/cn_uk_import.jpg) no-repeat center bottom; }
    section.banner.media.uk_eu_hub { background: url(../layout/images/eu_uk.jpg) no-repeat center; }
    section.banner.media.dtp { background: url(../layout/images/delivered_signed.jpg) no-repeat center; }
    section.banner.media.europe { background: url(../layout/images/FR_europe.jpg) no-repeat center; }
    section.banner.media.eu_hub { background: url(../layout/images/eu-banner.png) no-repeat center; max-height: 420px; }
    section.banner.media.parcelforce { background: url(../layout/images/door_delivery.jpg) no-repeat center; }
    section.banner.media.TransglobalNextDay { background: url(../layout/images/van_depot.jpg) no-repeat center bottom; }
    section.banner.media.integrations.ecomm { background-color: #ecebf1; background-image: url('../layout/images/wide_officedelivery.jpg'); background-position: center bottom; }
    section.banner.media.jewellery { background-color: #ecebf1; background-image: url('../layout/images/jewellery-watches.jpg'); background-position: center bottom; }
    
    section.banner.media.ema_depot { background: url(../layout/images/ema_depot.jpg) no-repeat center; }
     section.banner.media.wirral_depot { background: url(../layout/images/wirral_depot.jpg) no-repeat center; }
      section.banner.media.london_depot { background: url(../layout/images/london_depot.jpg) no-repeat center; }

    section.banner.media.returns_labels {
        background: url(../layout/images/bg_blue_abstract.jpg) no-repeat center;
    }
    section.banner.media.returns_labels .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.4)) } 

    /* CAMPAIGNS LANDING */
    body.royal-mail section.banner.media.campaigns {
        background: url(../layout/images/img_royal_mail.jpg) no-repeat center;
    }
    body.shipping section.banner.media.campaigns { background: url(../layout/images/img_freight.jpg) no-repeat center; }
    body.shipping section.banner.media.campaigns { background: url(../layout/images/img_freight.jpg) no-repeat center; }
    body.fedex section.banner.media.campaigns { background: url(../layout/images/truck_fedex.jpg) no-repeat center; }
    body.partners section.banner.media.campaigns { background: url(../layout/images/partners.jpg) no-repeat center; }
    body.partners.suppliers section.banner.media.campaigns { background: url(../layout/images/warehouse_supplier.jpg) no-repeat center; }
    body.partners.trade-users section.banner.media.campaigns { background: url(../layout/images/fulfilment.jpg) no-repeat center; }
    body.partners.affiliates section.banner.media.campaigns { background: url(../layout/images/affiliate-e-commerce.jpg) no-repeat center; }
    


    /* US EXPORT LANDING PAGES */
    body.us.to-australia section.banner.media.us-export,
    body.usa.nach-australien section.banner.media.us-export {
        background: url(../layout/images/au_australia.jpg) no-repeat center bottom;
        min-height: 65vh;
    }

    body.us.to-china section.banner.media.us-export,
    body.usa.nach-china section.banner.media.us-export { background: url(../layout/images/cn_china.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-france section.banner.media.us-export,
    body.usa.nach-frankreich section.banner.media.us-export { background: url(../layout/images/fr_paris.jpg) no-repeat center; min-height: 65vh;}

    body.us.to-germany section.banner.media.us-export,
    body.usa.nach-deutschland section.banner.media.us-export { background: url(../layout/images/de_hamburg.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-hong-kong section.banner.media.us-export,
    body.usa.nach-hongkong section.banner.media.us-export { background: url(../layout/images/hk_hong_kong.jpg) no-repeat center bottom; min-height: 65vh; }

    body.us.to-india section.banner.media.us-export,
    body.usa.nach-Indien section.banner.media.us-export { background: url(../layout/images/in_india.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-new-zealand section.banner.media.us-export,
    body.usa.nach-neuseeland section.banner.media.us-export { background: url(../layout/images/nz_new_zealand.jpg) no-repeat center bottom; min-height: 65vh; }

    body.us.to-spain section.banner.media.us-export,
    body.usa.nach-spanien section.banner.media.us-export { background: url(../layout/images/es_barcelona.jpg) no-repeat center bottom; min-height: 65vh; }

    body.us.to-uae section.banner.media.us-export,
    body.usa.in-die-uae section.banner.media.us-export { background: url(../layout/images/ae_uae.jpg) no-repeat center bottom; min-height: 65vh; }

    body.us.to-uk section.banner.media.us-export,
    body.usa.nach-grossbritannien section.banner.media.us-export { background: url(../layout/images/uk_scotland.jpg) no-repeat center; min-height: 65vh; }
    
    body.us.to-austria section.banner.media.us-export,
    body.usa.nach-osterreich section.banner.media.us-export{ background: url(../layout/images/at_austria.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-belgium section.banner.media.us-export,
    body.usa.nach-belgien section.banner.media.us-export{ background: url(../layout/images/be_ghent.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-brazil section.banner.media.us-export,
    body.usa.nach-brasilien section.banner.media.us-export { background: url(../layout/images/br_rio.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-canada section.banner.media.us-export,
    body.usa.nach-kanada section.banner.media.us-export { background: url(../layout/images/ca_lake.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-czech-republic section.banner.media.us-export,
    body.usa.nach-tschechien section.banner.media.us-export { background: url(../layout/images/cz_prague.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-greece section.banner.media.us-export,
    body.usa.nach-griechenland section.banner.media.us-export { background: url(../layout/images/gr_greece.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-israel section.banner.media.us-export,
    body.usa.nach-israel section.banner.media.us-export { background: url(../layout/images/is-israel.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-mexico section.banner.media.us-export,
    body.usa.nach-mexiko section.banner.media.us-export { background: url(../layout/images/mx_cancun.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-saudi-arabia section.banner.media.us-export,
    body.usa.nach-saudi-arabien section.banner.media.us-export { background: url(../layout/images/sa-saudi-arabia.jpg) no-repeat center bottom; min-height: 65vh; }

    body.us.to-south-africa section.banner.media.us-export,
    body.usa.nach-suedafrika section.banner.media.us-export { background: url(../layout/images/za_capetown.jpg) no-repeat center; min-height: 65vh; }




    section.banner.media.dhl {
        background: url(../layout/images/img_parcels_floor.jpg) no-repeat center bottom;
    }
    section.banner.media.dhl.import { background: url(../layout/images/uk_wales.jpg) no-repeat center bottom; }
    section.banner.media.dhl-parcel { background: url(../layout/images/yellow_van.jpg) no-repeat center; }
    section.banner.media.ups { background: url(../layout/images/img_parcel_handover.jpg) no-repeat center; }
    section.banner.media.dpd { background: url(../layout/images/img_parcel_signed_for.jpg) no-repeat center; }
    section.banner.media.dx { background: url(../layout/images/img_dx_courier.jpg) no-repeat center top; }
    section.banner.media.usps { background: url(../layout/images/img_parcel_handover2.jpg) no-repeat center; }
    section.banner.media.usps.print { background: url(../layout/images/printed_brochure.jpg) no-repeat center; }
    section.banner.media.de-us-exports { background: url(../layout/images/parcels_grey_bg.jpg) no-repeat center; }
    section.banner.media.tnt,
    section.banner.media.parcels { background: url(../layout/images/img_parcels_floor2.jpg) no-repeat center; }
    section.banner.media.global.express { background: url(../layout/images/global_express.jpg) no-repeat center; }
    section.banner.media.fdl { background-color: #28adaa !important; background: url(../layout/images/FDL_family_parcel.jpg) no-repeat center; } 
    section.banner.media.dtdc { background: url(../layout/images/banner_DTDC.jpg) no-repeat right center; }
    section.banner.media.anpost  { background: url(../layout/images/img_anpost.jpg) no-repeat center; }

    section.banner.media.ebay { background: url(../layout/images/img_online_seller.jpg) no-repeat center bottom; }
    section.banner.media.fulfilment_services { background: url(../layout/images/img_warehousefulfilment.jpg) no-repeat center; }
    section.banner.media.parcel_prep { background: url(../layout/images/parcel_prep.jpg) no-repeat center bottom; }
    section.banner.media.depop { background: url(../layout/images/clothing_delivery.jpg) no-repeat center center; }
    section.banner.media.amazon { background: url(../layout/images/img_parcels_conveyor.jpg) no-repeat center bottom; }
    section.banner.media.ecommerce { background: url(../layout/images/img_sell_online.jpg) no-repeat center; }
    section.banner.media.excess_baggage { background: url(../layout/images/img_luggage.jpg) no-repeat center; }
    section.banner.media.student_shipping { background: url(../layout/images/img_student_computer.jpg) no-repeat center; }
    section.banner.media.furniture { background: url(../layout/images/img_furniture.jpg) no-repeat center bottom; }
    section.banner.media.skyscanner { background: url(../layout/images/img_exotic.jpg) no-repeat center top; }
    section.banner.media.integration { background: url(../layout/images/integration.jpg) no-repeat center bottom; }
    section.banner.media.business_courier { background: url(../layout/images/online_selling.jpg) no-repeat center; }
    section.banner.media.parcels_packages { background: url(../layout/images/parcels-commerce.jpg) no-repeat center; }

    section.banner.media.christmas { background: url(../layout/images/img_christmas2.jpg) no-repeat center bottom; }
    section.banner.media.christmas .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)) }

    section.banner.media.clothes { background: url(../layout/images/parcel_clothes.jpg) no-repeat center bottom; }
    section.banner.media.bonded_warehouse { background: url(../layout/images/bonded-warehouse.jpg) no-repeat center bottom; }
    section.banner.media.freight { background: url(../layout/images/img_freight.jpg) no-repeat center; }
    section.banner.media.air-freight { background: url(../layout/images/img_air_freight3.jpg) no-repeat center; }
    section.banner.media.air-freight2 { background: url(../layout/images/img_air_freight.jpg) no-repeat center; }
    section.banner.media.sea-freight { background: url(../layout/images/img_sea_freight.jpg) no-repeat center; }
    section.banner.media.sea-freight2 { background: url(../layout/images/img_sea_freight2.jpg) no-repeat center; }
    section.banner.media.tools.bulk { background: url(../layout/images/bulk_upload.jpg) no-repeat center bottom; }
    section.banner.media.stacking_boxes { background: url(../layout/images/stacking_boxes.jpg) no-repeat center; }
    section.banner.media.mobilephone { background: url(../layout/images/img_mobile_phones.jpg) no-repeat center; }
    section.banner.media.chocolate { background: url(../layout/images/img_chocolates.jpg) no-repeat center; }
    section.banner.media.passport { background: url(../layout/images/img_passport.jpg) no-repeat center; }
    section.banner.media.pallets { background: url(../layout/images/img_pallets_warehouse.jpg) no-repeat center; }
    section.banner.media.tyre { background: url(../layout/images/img_tyres.jpg) no-repeat center; }
    section.banner.media.ski { background: url(../layout/images/img_ski.jpg) no-repeat center; }
    section.banner.media.bulky { background: url(../layout/images/img_forklift_loading.jpg) no-repeat center; }
    section.banner.media.gardening { background: url(../layout/images/gardening_tools.jpg) no-repeat center; }
    section.banner.media.carparts { background: url(../layout/images/img_car_parts.jpg) no-repeat center; }
    section.banner.media.boats { background: url(../layout/images/img_boat_parts.jpg) no-repeat center; }
    section.banner.media.biking { background: url(../layout/images/img_bike.jpg) no-repeat center; }
    section.banner.media.getstarted { background: url(../layout/images/img_grey_questionmarks.jpg) no-repeat center; }
    section.banner.media.worldwide_delivery { background: url(../layout/images/cn_uk_import.jpg) no-repeat center !important ; }
    section.banner.media.gls { background: url(../layout/images/boxes_mobile.jpg) no-repeat center; }
    
    section.banner.media.brexit { background: url(../layout/images/img_brexit.jpg) no-repeat center; }

    section.banner.media.brexit_animated { background-color:#e52548; }
    section.banner.media.brexit_animated img { max-width: 800px; height: auto; }
    section.banner.media.brexit_animated .overlay { background: rgba(0, 0, 0, 0.4) !important; }
    section.banner.media.brexit_animated, section.banner.media.brexit_animated:after { border-color:#e52548; }
    
    section.banner.media.tui { background: url(../layout/images/tui_skiis.jpg) no-repeat center; }

    section.banner.media.getstarted .overlay {
        background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
    }
    
    
    section.banner.media.intra_europe { background: url(../layout/images/img_european_landmarks.jpg) no-repeat center bottom; }

    section.banner.media.tracking { background-image: url(../layout/world-map-dotted.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
    section.banner.media.easyjet { background-image: url(../layout/images/img_flight_orange.jpg); background-size: cover; background-repeat: no-repeat; }

    section.banner.media.org { background: url(../layout/images/de_frankfurt1.jpg) no-repeat center; }

    section.homepage #slideshow .pic-1 { background: url(../layout/images/uk_london.jpg) no-repeat center center; }
    section.homepage #slideshow .pic-2 { background: url(../layout/images/jp_japan.jpg) no-repeat center center; }
    section.homepage #slideshow .pic-3 { background: url(../layout/images/de_frankfurt1.jpg) no-repeat center center; }
    section.homepage #slideshow .pic-4 { background: url(../layout/images/uk_scotland.jpg) no-repeat center center; }
    section.homepage #slideshow .pic-5 { background: url(../layout/images/us_mount_rushmore.jpg) no-repeat center center; }
    section.homepage #slideshow .pic-6 { background: url(../layout/images/de_frankfurt2.jpg) no-repeat center center; }


    /*CHRISTMAS THEMES */
/*        .homepage #slideshow .pic-1 { background: url(../layout/images/christmas_1.jpg) no-repeat center; }
    .homepage #slideshow .pic-2 { background: url(../layout/images/christmas_2.jpg) no-repeat center bottom; }
    .homepage #slideshow .pic-3 { background: url(../layout/images/christmas_3.jpg) no-repeat center ; }
    .homepage #slideshow .pic-4 { background: url(../layout/images/christmas_6.jpg) no-repeat center; }
    .homepage #slideshow .pic-5 { background: url(../layout/images/christmas_5.jpg) no-repeat center ; }
    .homepage #slideshow .pic-6 { background: url(../layout/images/christmas_4.jpg) no-repeat center ; }*/
     

    section.slideshow.parceldelivery .pic-1 { background: url(../layout/images/flag_us.jpg) no-repeat center center; }
    section.slideshow.parceldelivery .pic-2 { background: url(../layout/images/flag_it.jpg) no-repeat center center; }
    section.slideshow.parceldelivery .pic-3 { background: url(../layout/images/flag_jp.jpg) no-repeat center center; }
    section.slideshow.parceldelivery .pic-4 { background: url(../layout/images/flag_au.jpg) no-repeat center center; }
    section.slideshow.parceldelivery .pic-5 { background: url(../layout/images/flag_ca.jpg) no-repeat center center; }
    section.slideshow.parceldelivery .pic-6 { background: url(../layout/images/flag_fr.jpg) no-repeat center center; }
    



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

    section.banner.media.AE,
    section.news_panel li.AE { background: url(../layout/images/mobile/ae_uae.jpg) no-repeat center bottom; }
    section.banner.media.AE.Dubai { background: url(../layout/images/mobile/ae_dubai.jpg) no-repeat center; }
    section.banner.media.AT,
    section.news_panel li.AT { background: url(../layout/images/mobile/at_austria.jpg) no-repeat center; }
    section.banner.media.AU,
    section.news_panel li.AU { background: url(../layout/images/mobile/au_australia.jpg) no-repeat center; }
    section.banner.media.AU.New-south-wales { background: url(../layout/images/mobile/au_tasmania.jpg) no-repeat center top; }
    section.banner.media.AU.Perth { background: url(../layout/images/mobile/au_perth.jpg) no-repeat center; }
    section.banner.media.AU.Melbourne { background: url(../layout/images/mobile/au_melbourne.jpg) no-repeat center top; }
    section.banner.media.AU.Sydney { background: url(../layout/images/mobile/au_sydney.jpg) no-repeat center center; }
    section.banner.media.AU.Brisbane { background: url(../layout/images/mobile/au_brisbane.jpg) no-repeat center center; }
    section.banner.media.BG { background: url(../layout/images/mobile/bg_bulgaria.jpg) no-repeat center; }
    section.banner.media.BR { background: url(../layout/images/mobile/br_rio.jpg) no-repeat center; }
    section.banner.media.CH { background: url(../layout/images/mobile/ch_switzerland.jpg) no-repeat center bottom; }
    section.banner.media.CN { background: url(../layout/images/mobile/cn_china.jpg) no-repeat center bottom; }
    section.banner.media.CN.Beijing { background: url(../layout/images/mobile/cn_beijing.jpg) no-repeat center; }
    section.banner.media.CN.Shanghai { background: url(../layout/images/mobile/cn_shanghai.jpg) no-repeat center; }
    section.banner.media.CN.Hong-kong { background: url(../layout/images/mobile/cn_hongkong.jpg) no-repeat center; }
    section.banner.media.CY { background: url(../layout/images/mobile/cy_cyprus.jpg) no-repeat center; }
    section.banner.media.DE { background-image: url(../layout/images/mobile/de_hamburg2.jpg); }
    section.banner.media.DE.Hamburg { background-image: url(../layout/images/mobile/de_hamburg.jpg); }
    section.banner.media.DE.Berlin { background-image: url(../layout/images/mobile/de_wasserschloss.jpg); }
    section.banner.media.DE.Italy { background: url(../layout/images/mobile/it_venice.jpg) no-repeat center center; }
    section.banner.media.DK { background: url(../layout/images/mobile/dk_denmark.jpg) no-repeat center center; }
    section.banner.media.FI { background: url(../layout/images/mobile/fi_helsinki.jpg) no-repeat center top; }
    section.banner.media.GR { background: url(../layout/images/mobile/gr_greece.jpg) no-repeat center bottom; }
    section.banner.media.GR.Athens { background: url(../layout/images/mobile/gr_athens.jpg) no-repeat center; }
    section.banner.media.HK { background: url(../layout/images/mobile/hk_hong_kong.jpg) no-repeat center bottom; }
    section.banner.media.HK.Hong-Kong-from-UK { background: url(../layout/images/mobile/hk_hong_kong_city.jpg) no-repeat center; }
    section.banner.media.HR { background: url(../layout/images/mobile/hr_croatia.jpg) no-repeat center; }
    section.banner.media.HU { background: url(../layout/images/mobile/hu_hungary.jpg) no-repeat center; }
    section.banner.media.IN { background: url(../layout/images/mobile/in_india.jpg) no-repeat center; }
    section.banner.media.IS { background: url(../layout/images/mobile/is-israel.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.JP { background: url(../layout/images/mobile/jp_fuji.jpg) no-repeat center top; }
    section.banner.media.JP.Tokyo { background: url(../layout/images/mobile/jp_japan.jpg) no-repeat center top; }
    section.banner.media.KE { background: url(../layout/images/mobile/ke_kenya.jpg) no-repeat center; }
    section.banner.media.KR { background: url(../layout/images/mobile/kr_south_korea.jpg) no-repeat center; }
    section.banner.media.TH { background: url(../layout/images/mobile/th_bangkok.jpg) no-repeat center; }
    section.banner.media.CN { background: url(../layout/images/mobile/cn_china.jpg) no-repeat center bottom; }
    section.banner.media.CN.Hong-kong { background: url(../layout/images/mobile/cn_hongkong.jpg) no-repeat center; }
    section.banner.media.US { background: url(../layout/images/mobile/us_newyork.jpg) no-repeat center; }
    section.banner.media.ZA { background: url(../layout/images/mobile/za_capetown.jpg) no-repeat center; }
    section.banner.media.ES { background: url(../layout/images/mobile/es_barcelona.jpg) no-repeat center bottom; }
    section.banner.media.LV { background: url(../layout/images/mobile/lv_latvia.jpg) no-repeat center; }
    section.banner.media.MT { background: url(../layout/images/mobile/mt_malta.jpg) no-repeat center; }
    section.banner.media.MX { background: url(../layout/images/mobile/mx_cancun.jpg) no-repeat center; }
    section.banner.media.MY { background: url(../layout/images/mobile/my_malaysia.jpg) no-repeat center; }
    section.banner.media.MY.Kuala-lumpur { background: url(../layout/images/my_kuala_lumpur.jpg) no-repeat center; }
    section.banner.media.CA { background: url(../layout/images/mobile/ca_lake.jpg) no-repeat center; }
    section.banner.media.NG { background: url(../layout/images/mobile/africa.jpg) no-repeat center; }
    section.banner.media.NZ { background: url(../layout/images/mobile/nz_new_zealand.jpg) no-repeat center bottom; }
    section.banner.media.NZ.New-Zealand-from-UK { background: url(../layout/images/mobile/nz_beach.jpg) no-repeat center; }
    section.banner.media.SA { background: url(../layout/images/mobile/sa-saudi-arabia.jpg) no-repeat center bottom; min-height: 65vh; }
    section.banner.media.SE { background: url(../layout/images/mobile/sw_feskekorka.jpg) no-repeat center; }
    section.banner.media.NL { background: url(../layout/images/mobile/nl_tulips.jpg) no-repeat center; }
    section.banner.media.NO { background: url(../layout/images/mobile/no_aurora.jpg) no-repeat center bottom; }
    section.banner.media.NZ { background: url(../layout/images/mobile/nz_new_zealand.jpg) no-repeat center; }
    section.banner.media.PT { background: url(../layout/images/mobile/pt_lisbon.jpg) no-repeat center; }
    section.banner.media.BE { background: url(../layout/images/mobile/be_ghent.jpg) no-repeat center; }
    section.banner.media.CZ { background: url(../layout/images/mobile/cz_prague.jpg) no-repeat center bottom; }
    section.banner.media.SG { background: url(../layout/images/mobile/sg_river.jpg) no-repeat center; }
    section.banner.media.TW { background: url(../layout/images/mobile/tw_taiwan.jpg) no-repeat center; }
    section.banner.media.GB { background: url(../layout/images/mobile/uk_london2.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.GB.London { background: url(../layout/images/mobile/uk_london6.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.JE.Channel-islands { background: url(../layout/images/mobile/gb_jersey.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.us-worldwide { background: url(../layout/images/mobile/us_worldwide.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.us-export { background: url(../layout/images/mobile/us_flag.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.RU { background: url(../layout/images/mobile/ru_stpertersburg.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.PL { background: url(../layout/images/mobile/pl_krakow.jpg) no-repeat center; min-height: 65vh; }
    section.banner.media.EG { background: url(../layout/images/mobile/eg_pyramid.jpg) no-repeat center; }
    section.banner.media.UA { background: url(../layout/images/mobile/ua_kiev.jpg) no-repeat center; }
    section.banner.media.AD { background: url(../layout/images/mobile/ad_flag.jpg) no-repeat center; }
    section.banner.media.RO { background: url(../layout/images/mobile/ro_transylvania.jpg) no-repeat center bottom; }
    section.banner.media.PK { background: url(../layout/images/mobile/pk_sindh.jpg) no-repeat center; }
    section.banner.media.KZ { background: url(../layout/images/mobile/kz_river.jpg) no-repeat center; }
    section.banner.media.TR { background: url(../layout/images/mobile/tr_turkey.jpg) no-repeat center; }
    section.banner.media.QA { background: url(../layout/images/mobile/qa_doha.jpg) no-repeat center; }
    section.banner.media.SK { background: url(../layout/images/mobile/sk_slovkia.jpg) no-repeat center; }
    section.banner.media.SL { background: url(../layout/images/mobile/sl_slovenia.jpg) no-repeat center; }
    section.banner.media.LU { background: url(../layout/images/mobile/lu_luxembourg.jpg) no-repeat center; }

    section.banner.media.dhl,
    section.banner.media.parcels { background: url(../layout/images/mobile/img_parcels_floor.jpg) no-repeat center bottom; }
    section.banner.media.dhl-parcel { background: url(../layout/mobile/images/yellow_van.jpg) no-repeat center; }
    section.banner.media.global.express { background: url(../layout/images/mobile/global_express.jpg) no-repeat center; }
    section.banner.media.dhl.import { background: url(../layout/images/mobile/uk_wales.jpg) no-repeat center bottom; }
    section.banner.media.ups { background: url(../layout/images/mobile/img_parcel_handover.jpg) no-repeat center bottom; }
    section.banner.media.dpd { background: url(../layout/images/mobile/img_parcel_signed_for.jpg) no-repeat center; }
    section.banner.media.usps { background: url(../layout/images/mobile/img_parcel_handover2.jpg) no-repeat center; }
    section.banner.media.usps.print { background: url(../layout/images/mobile/printed_brochure.jpg) no-repeat center; }
    section.banner.media.tnt { background: url(../layout/images/mobile/img_parcels_floor2.jpg) no-repeat center; }
    section.banner.media.dtdc { background: url(../layout/images/mobile/banner_DTDC.jpg) no-repeat center; }
    section.banner.media.anpost  { background: url(../layout/images/mobile/img_anpost.jpg) no-repeat center; }
    
    section.banner.media.fulfilment_services { background: url(../layout/images/mobile/iimg_warehousefulfilment.jpg) no-repeat center bottom; }
    section.banner.media.parcel_prep { background: url(../layout/images/mobile/iparcel_prep.jpg) no-repeat center bottom; }
    section.banner.media.ebay { background: url(../layout/images/mobile/img_online_seller.jpg) no-repeat center bottom; }
    section.banner.media.amazon { background: url(../layout/images/mobile/img_parcels_conveyor.jpg) no-repeat center bottom; }
    section.banner.media.ecommerce { background: url(../layout/images/mobile/img_sell_online.jpg) no-repeat center bottom; }
    section.banner.media.excess_baggage { background: url(../layout/images/mobile/img_luggage.jpg) no-repeat center; }
    section.banner.media.furniture { background: url(../layout/images/mobile/img_furniture.jpg) no-repeat center bottom; }
    section.banner.media.christmas { background: url(../layout/images/mobile/img_christmas2.jpg) no-repeat center bottom; }
    section.banner.media.christmas .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)) }
    section.banner.media.business_courier { background: url(../layout/images/mobile/online_selling.jpg) no-repeat center; }

    section.banner.media.freight { background: url(../layout/images/mobile/img_freight.jpg) no-repeat center; }
    section.banner.media.bonded_warehouse { background: url(../layout/images/bonded-warehouse.jpg) no-repeat center bottom; }
    section.banner.media.air-freight { background: url(../layout/images/mobile/img_air_freight2.jpg) no-repeat center; }
    section.banner.media.air-freight2 { background: url(../layout/images/mobile/img_air_freight.jpg) no-repeat center; }
    section.banner.media.sea-freight { background: url(../layout/images/mobile/img_sea_freight.jpg) no-repeat center; }
    section.banner.media.sea-freight2 { background: url(../layout/images/mobile/img_sea_freight2.jpg) no-repeat center; }
    section.banner.media.tools.bulk { background: url(../layout/images/mobile/bulk_upload.jpg) no-repeat center; }
    section.banner.media.mobilephone { background: url(../layout/images/mobile/img_mobile_phones.jpg) no-repeat center; }
    section.banner.media.chocolate { background: url(../layout/images/mobile/img_chocolates.jpg) no-repeat center; }
    section.banner.media.passport { background: url(../layout/images/mobile/img_passport.jpg) no-repeat center; }
    section.banner.media.pallets { background: url(../layout/images/mobile/img_pallets_warehouse.jpg) no-repeat center; }
    section.banner.media.skyscanner { background: url(../layout/images/mobile/img_exotic.jpg) no-repeat center top; }
    section.banner.media.tyre { background: url(../layout/images/mobile/img_tyres.jpg) no-repeat center; }
    section.banner.media.ski { background: url(../layout/images/mobile/img_ski.jpg) no-repeat center; }
    section.banner.media.bulky { background: url(../layout/images/mobile/img_forklift_loading.jpg) no-repeat center; }
    section.banner.media.gardening { background: url(../layout/images/mobile/gardening_tools.jpg) no-repeat center; }
    section.banner.media.carparts { background: url(../layout/images/mobile/img_car_parts.jpg) no-repeat center; }
    section.banner.media.boats { background: url(../layout/images/mobile/img_boat_parts.jpg) no-repeat center; }
    section.banner.media.biking { background: url(../layout/images/mobile/img_bike.jpg) no-repeat center; }
    section.banner.media.getstarted { background: url(../layout/images/mobile/img_grey_questionmarks.jpg) no-repeat center; }
    section.banner.media.brexit { background: url(../layout/images/mobile/img_brexit.jpg) no-repeat center; }
    section.banner.media.tui { background: url(../layout/images/mobile/tui_skiis.jpg) no-repeat center; }
    section.banner.media.uk_eu_hub { background: url(../layout/images/mobile/eu_uk.jpg) no-repeat center; }
    section.banner.media.dtp { background: url(../layout/images/mobile/delivered_signed.jpg) no-repeat center; }
    section.banner.media.worldwide_delivery { background: url(../layout/images/mobile/cn_uk_import.jpg) no-repeat center !important; background-size: cover !important; }
    section.banner.media.eu_hub { background: url(../layout/images/eu-banner.png) no-repeat center; max-height: 420px; }
    section.banner.media.parcelforce { background: url(../layout/images/mobile/door_delivery.jpg) no-repeat center; }
    section.banner.media.TransglobalNextDay { background: url(../layout/images/van_depot.jpg) no-repeat center bottom; }
    section.banner.media.integrations.ecomm { padding-bottom: 250px !important; background-color: #ecebf1; background-image: url('../layout/images/mobile/wide_officedelivery.jpg'); background-position: center bottom; }
    
   /* CAREERS BANNER IMAGES */
   body.careers section.banner.media .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.3)); }
   body.careers section.banner.media { background: url(../layout/images/mobile/corporate_office.jpg) no-repeat center; }
   body.careers.customer-services-advisor section.banner.media { background: url(../layout/images/mobile/corporate_csa.jpg) no-repeat center; }
   body.careers.it-support-engineer section.banner.media { background: url(../layout/images/mobile/corporate_sales.jpg) no-repeat center; }
   body.careers.driver section.banner.media { background: url(../layout/images/mobile/corporate_vans_dhl.jpg) no-repeat center; }
   body.careers.driver-east-midlands section.banner.media { background: url(../layout/mobile/images/corporate_vans_dhl.jpg) no-repeat center; }
   body.careers.receptionist-east-mids section.banner.media { background: url(../layout/mobile/images/careers-receptionist.jpg) no-repeat center; }
   body.careers.driver-wirral section.banner.media { background: url(../layout/images/van_courier_driver.jpg) no-repeat center; }
    body.careers.freight-warehouse-admin-london section.banner.media { background: url(../layout/images/mobile/corporate_sales.jpg) no-repeat center; }
    body.careers.driver-east-midlands section.banner.media { background: url(../layout/images/mobile/van_courier_driver.jpg) no-repeat center; }
   body.careers.hgv-driver section.banner.media { background: url(../layout/images/mobile/van_courier_driver.jpg) no-repeat center; }
   body.careers.lgv-driver section.banner.media { background: url(../layout/images/mobile/corporate_vans_dhl.jpg) no-repeat center; }
   body.careers.warehouse-operative section.banner.media { background: url(../layout/images/mobile/warehouse.jpg) no-repeat center; }
   body.careers.receptionist-east-mids section.banner.media { background: url(../layout/images/mobile/careers-receptionist.jpg) no-repeat center; }
   body.careers.driver-wirral section.banner.media { background: url(../layout/images/mobile/van_courier_driver.jpg) no-repeat center; }



    section.banner.media.intra_europe {
        background: url(../layout/images/mobile/img_european_landmarks.jpg) no-repeat center;
    }
    
    /* NEW LANDING PAGE BANNER IMAGES */
    
    .parcel-delivery-to-china section.banner.media { background: url(../layout/images/mobile/cn_yuyuan.jpg) no-repeat center; min-height: 75vh; }
    .parcel-delivery-to-usa section.banner.media { background: url(../layout/images/mobile/us_sanfrancisco.jpg) no-repeat center; min-height: 75vh; }
    .parcel-delivery-to-canada section.banner.media { background: url(../layout/images/mobile/ca_mountains.jpg) no-repeat center; min-height: 75vh; }
    .parcel-delivery-to-ireland section.banner.media { background: url(../layout/images/mobile/ie_northcoast.jpg) no-repeat center; min-height: 75vh; }

    section.banner.media.tracking { background-image: url(../layout/world-map-dotted.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
    section.banner.media.easyjet { background-image: url(../layout/images/mobile/img_flight_orange.jpg); background-size: cover; background-repeat: no-repeat; }

    section.banner.media.org { background: url(../layout/images/mobile/de_frankfurt1.jpg) no-repeat center; }

    section.banner.media.parceldelivery { background: url(../layout/images/mobile/landing_parceldelivery.jpg) no-repeat center; }
    section.banner.media.bulk-parcels { background: url(../layout/images/mobile/boxes-bulk.jpg) no-repeat center; }
    section.banner.media.next-day  { background: url(../layout/images/mobile/couple-open-box.jpg) no-repeat center; }
    section.banner.media.moscow { background: url(../layout/images/mobile/ru_moscow.jpg) no-repeat center bottom; min-height: 75vh; }
    section.banner.media.broker { background: url(../layout/images/mobile/parcel_broker.jpg) no-repeat center; min-height: 75vh; }
    section.banner.media.document { background: url(../layout/images/mobile/document_services.jpg) no-repeat center; min-height: 75vh; }
    section.banner.media.fulfilment { background: url(../layout/images/mobile/fulfilment.jpg) no-repeat center; }
    section.banner.media.warehouse { background: url(../layout/images/mobile/warehouse.jpg) no-repeat center; }
    section.banner.media.postal_services { background: url(../layout/images/mobile/mail-services.jpg) no-repeat center; }
    section.banner.media.landmark { background: url(../layout/images/mobile/img_landmark.jpg) no-repeat center; }
    section.banner.media.asendia { background: url(../layout/images/mobile/img_asendia.jpg) no-repeat center; }
    section.banner.media.evri { background: url(../layout/images/mobile/img_hermes.jpg) no-repeat center; }
    section.banner.media.hermes { background: url(../layout/images/mobile/img_hermes.jpg) no-repeat center; }
    section.banner.media.international_courier { background: url(../layout/images/mobile/courier_delivery.jpg) no-repeat center; }
    section.banner.media.tnt_import { background: url(../layout/images/mobile/cn_hongkong_city.jpg) no-repeat center bottom; }
    section.banner.media.compare.provider { background: url(../layout/images/mobile/choosing_service.jpg) no-repeat center; }
    section.banner.media.tnt_express { background: url(../layout/images/mobile/tnt_express.jpg) no-repeat center bottom; }
    section.banner.media.uk_imports { background: url(../layout/images/mobile/cn_uk_import.jpg) no-repeat center bottom; }
    
    section.banner.media.returns_labels { background: url(../layout/images/mobile/bg_blue_abstract.jpg) no-repeat center; }
    section.banner.media.returns_labels .overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.4)) } 

    /* CAMPAIGNS LANDING */
    body.royal-mail section.banner.media.campaigns { background: url(../layout/images/mobile/img_royal_mail.jpg) no-repeat center;  }
    body.shipping section.banner.media.campaigns { background: url(../layout/images/mobile/img_freight.jpg) no-repeat center; }
    body.shipping section.banner.media.campaigns { background: url(../layout/images/mobile/img_freight.jpg) no-repeat center; }
    body.partners section.banner.media.campaigns { background: url(../layout/images/mobile/partners.jpg) no-repeat center; }
    body.fedex section.banner.media.campaigns { background: url(../layout/images/mobile/truck_fedex.jpg) no-repeat center; }
    body.partners.suppliers section.banner.media.campaigns { background: url(../layout/images/mobile/warehouse_supplier.jpg) no-repeat center; }
    body.partners.trade-users section.banner.media.campaigns { background: url(../layout/images/mobile/fulfilment.jpg) no-repeat center; }
    body.partners.affiliates section.banner.media.campaigns { background: url(../layout/images/mobile/affiliate-e-commerce.jpg) no-repeat center; }

     section.banner.media.campaigns.US { background: url(../layout/images/mobile/us_new_york.jpg) no-repeat center; }
    section.banner.media.campaigns.ES { background: url(../layout/images/mobile/es_barcelona2.jpg) no-repeat center; }


    /* US EXPORT LANDING PAGES */
    body.us.to-australia section.banner.media.us-export,
    body.usa.nach-australien section.banner.media.us-export {
        background: url(../layout/images/mobile/au_australia.jpg) no-repeat center bottom;
        min-height: 65vh;
    }

    body.us.to-china section.banner.media.us-export,
    body.usa.nach-china section.banner.media.us-export { background: url(../layout/images/mobile/cn_china.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-france section.banner.media.us-export,
    body.usa.nach-frankreich section.banner.media.us-export { background: url(../layout/images/mobile/fr_paris.jpg) no-repeat center; min-height: 65vh;}

    body.us.to-germany section.banner.media.us-export,
    body.usa.nach-deutschland section.banner.media.us-export { background: url(../layout/images/mobile/de_hamburg.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-hong-kong section.banner.media.us-export,
    body.usa.nach-Hongkong section.banner.media.us-export { background: url(../layout/images/mobile/hk_hong_kong.jpg) no-repeat center bottom; min-height: 65vh; }

    body.us.to-india section.banner.media.us-export,
    body.usa.nach-Indien section.banner.media.us-export { background: url(../layout/images/mobile/in_india.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-new-zealand section.banner.media.us-export,
    body.usa.nach-neuseeland section.banner.media.us-export { background: url(../layout/images/mobile/nz_new_zealand.jpg) no-repeat center bottom; min-height: 65vh; }

    body.us.to-spain section.banner.media.us-export,
    body.usa.nach-spanien section.banner.media.us-export { background: url(../layout/images/mobile/es_barcelona.jpg) no-repeat center bottom; min-height: 65vh; }

    body.us.to-uae section.banner.media.us-export,
    body.usa.in-die-uae section.banner.media.us-export { background: url(../layout/images/mobile/ae_uae.jpg) no-repeat center bottom; min-height: 65vh; }

    body.us.to-uk section.banner.media.us-export,
    body.usa.nach-grossbritannien section.banner.media.us-export { background: url(../layout/images/mobile/uk_scotland.jpg) no-repeat center; min-height: 65vh; }
    
    body.us.to-austria section.banner.media.us-export,
    body.usa.nach-osterreich section.banner.media.us-export{ background: url(../layout/images/mobile/at_austria.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-belgium section.banner.media.us-export,
    body.usa.nach-belgien section.banner.media.us-export{ background: url(../layout/images/mobile/be_ghent.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-brazil section.banner.media.us-export,
    body.usa.nach-brasilien section.banner.media.us-export { background: url(../layout/images/mobile/br_rio.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-canada section.banner.media.us-export,
    body.usa.nach-kanada section.banner.media.us-export { background: url(../layout/images/mobile/ca_lake.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-czech-republic section.banner.media.us-export,
    body.usa.nach-tschechien section.banner.media.us-export { background: url(../layout/images/mobile/cz_prague.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-greece section.banner.media.us-export,
    body.usa.nach-griechenland section.banner.media.us-export { background: url(../layout/images/mobile/gr_greece.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-israel section.banner.media.us-export,
    body.usa.nach-israel section.banner.media.us-export { background: url(../layout/images/mobile/is-israel.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-mexico section.banner.media.us-export,
    body.usa.nach-mexiko section.banner.media.us-export { background: url(../layout/images/mobile/mx_cancun.jpg) no-repeat center; min-height: 65vh; }

    body.us.to-saudi-arabia section.banner.media.us-export,
    body.usa.nach-saudi-arabien section.banner.media.us-export { background: url(../layout/images/mobile/sa-saudi-arabia.jpg) no-repeat center bottom; min-height: 65vh; }

    body.us.to-south-africa section.banner.media.us-export,
    body.usa.nach-suedafrika section.banner.media.us-export { background: url(../layout/images/mobile/za_capetown.jpg) no-repeat center; min-height: 65vh; }


    .homepage #slideshow .pic-1 {
        background: url(../layout/images/mobile/uk_london.jpg) no-repeat center center;
    }
    .homepage #slideshow .pic-2 { background: url(../layout/images/mobile/jp_japan.jpg) no-repeat center center; }
    .homepage #slideshow .pic-3 { background: url(../layout/images/mobile/de_frankfurt1.jpg) no-repeat center center; }
    .homepage #slideshow .pic-4 { background: url(../layout/images/mobile/uk_scotland.jpg) no-repeat center center; }
    .homepage #slideshow .pic-5 { background: url(../layout/images/mobile/us_mount_rushmore.jpg) no-repeat center center; }
    .homepage #slideshow .pic-6 { background: url(../layout/images/mobile/de_frankfurt2.jpg) no-repeat center center; }

/*    .homepage #slideshow .pic-1 { background: url(../layout/images/mobile/christmas_1.jpg) no-repeat center; }
    .homepage #slideshow .pic-2 { background: url(../layout/images/mobile/christmas_2.jpg) no-repeat center bottom; }
    .homepage #slideshow .pic-3 { background: url(../layout/images/mobile/christmas_3.jpg) no-repeat center ; }
    .homepage #slideshow .pic-4 { background: url(../layout/images/mobile/christmas_6.jpg) no-repeat center; }
    .homepage #slideshow .pic-5 { background: url(../layout/images/mobile/christmas_5.jpg) no-repeat center ; }
    .homepage #slideshow .pic-6 { background: url(../layout/images/mobile/christmas_4.jpg) no-repeat center ; }*/

    section.slideshow.parceldelivery .pic-1 { background: url(../layout/images/mobile/flag_us.jpg) no-repeat center center; }
    section.slideshow.parceldelivery .pic-2 { background: url(../layout/images/mobile/flag_it.jpg) no-repeat center center; }
    section.slideshow.parceldelivery .pic-3 { background: url(../layout/images/mobile/flag_jp.jpg) no-repeat center center; }
    section.slideshow.parceldelivery .pic-4 { background: url(../layout/images/mobile/flag_au.jpg) no-repeat center center; }
    section.slideshow.parceldelivery .pic-5 { background: url(../layout/images/mobile/flag_ca.jpg) no-repeat center center; }
    section.slideshow.parceldelivery .pic-6 { background: url(../layout/images/mobile/flag_fr.jpg) no-repeat center center; }

    ul.grid.two_col li {
        width: 100%;
    }
}

/* COUNTRY LIST BROCHURE STYLE */

    section.news_panel li.AE .image_container { background: url(../layout/images/mobile/mobile/ae_uae.jpg) no-repeat center bottom; }
    section.news_panel li.AE .image_container { background: url(../layout/images/mobile/ae_uae.jpg) no-repeat center bottom; }
    section.news_panel li.AE.Dubai .image_container { background: url(../layout/images/mobile/ae_dubai.jpg) no-repeat center; }
    section.news_panel li.AT .image_container { background: url(../layout/images/mobile/at_austria.jpg) no-repeat center; }
    section.news_panel li.AU .image_container { background: url(../layout/images/mobile/au_australia.jpg) no-repeat center; }
    section.news_panel li.AU.New-south-wales .image_container { background: url(../layout/images/mobile/au_tasmania.jpg) no-repeat center top; }
    section.news_panel li.AU.Perth .image_container { background: url(../layout/images/mobile/au_perth.jpg) no-repeat center; }
    section.news_panel li.AU.Melbourne .image_container { background: url(../layout/images/mobile/au_melbourne.jpg) no-repeat center top; }
    section.news_panel li.AU.Sydney .image_container { background: url(../layout/images/mobile/au_sydney.jpg) no-repeat center center; }
    section.news_panel li.AU.Brisbane .image_container { background: url(../layout/images/mobile/au_brisbane.jpg) no-repeat center center; }
    section.news_panel li.BR .image_container { background: url(../layout/images/mobile/br_rio.jpg) no-repeat center; }
    section.news_panel li.CH .image_container { background: url(../layout/images/mobile/ch_switzerland.jpg) no-repeat center bottom; }
    section.news_panel li.CN .image_container { background: url(../layout/images/mobile/cn_china.jpg) no-repeat center bottom; }
    section.news_panel li.CN.Beijing .image_container { background: url(../layout/images/mobile/cn_beijing.jpg) no-repeat center; }
    section.news_panel li.CN.Shanghai .image_container { background: url(../layout/images/mobile/cn_shanghai.jpg) no-repeat center; }
    section.news_panel li.CN.Hong-kong .image_container { background: url(../layout/images/mobile/cn_hongkong.jpg) no-repeat center; }
    section.news_panel li.CY .image_container { background: url(../layout/images/mobile/cy_cyprus.jpg) no-repeat center; }
    section.news_panel li.DE .image_container { background-image: url(../layout/images/mobile/de_hamburg2.jpg); }
    section.news_panel li.DE.Hamburg .image_container { background-image: url(../layout/images/mobile/de_hamburg.jpg); }
    section.news_panel li.DE.Berlin .image_container { background-image: url(../layout/images/mobile/de_wasserschloss.jpg); }
    section.news_panel li.DK .image_container { background: url(../layout/images/mobile/dk_denmark.jpg) no-repeat center center; }
    section.news_panel li.FR .image_container { background: url(../layout/images/mobile/fr_paris.jpg) no-repeat center; }
    section.news_panel li.FR.Paris .image_container { background: url(../layout/images/mobile/fr_paris.jpg) no-repeat center; }
    section.news_panel li.ID .image_container { background: url(../layout/images/mobile/id_indonesia.jpg) no-repeat center center; }
    section.news_panel li.IE .image_container { background: url(../layout/images/mobile/ie_ireland.jpg) no-repeat center center; }
    section.news_panel li.IT .image_container { background: url(../layout/images/mobile/it_venice.jpg) no-repeat center center; }
    section.news_panel li.FI .image_container { background: url(../layout/images/mobile/fi_helsinki.jpg) no-repeat center top; }
    section.news_panel li.GR .image_container { background: url(../layout/images/mobile/gr_greece.jpg) no-repeat center bottom; }
    section.news_panel li.GR.Athens .image_container { background: url(../layout/images/mobile/gr_athens.jpg) no-repeat center; }
    section.news_panel li.HK .image_container { background: url(../layout/images/mobile/hk_hong_kong.jpg) no-repeat center bottom; }
    section.news_panel li.HK.Hong-Kong-from-UK .image_container { background: url(../layout/images/mobile/hk_hong_kong_city.jpg) no-repeat center; }
    section.news_panel li.HR .image_container { background: url(../layout/images/mobile/hr_croatia.jpg) no-repeat center; }
    section.news_panel li.HU .image_container { background: url(../layout/images/mobile/hu_hungary.jpg) no-repeat center; }
    section.news_panel li.IN .image_container { background: url(../layout/images/mobile/in_india.jpg) no-repeat center; }
    section.news_panel li.JP .image_container { background: url(../layout/images/mobile/jp_fuji.jpg) no-repeat center top; }
    section.news_panel li.JP.Tokyo .image_container { background: url(../layout/images/mobile/jp_japan.jpg) no-repeat center top; }
    section.news_panel li.KE .image_container { background: url(../layout/images/mobile/ke_kenya.jpg) no-repeat center; }
    section.news_panel li.KR .image_container { background: url(../layout/images/mobile/kr_south_korea.jpg) no-repeat center; }
    section.news_panel li.TH .image_container { background: url(../layout/images/mobile/th_bangkok.jpg) no-repeat center; }
    section.news_panel li.US .image_container { background: url(../layout/images/mobile/us_newyork.jpg) no-repeat center; }
    section.news_panel li.ZA .image_container { background: url(../layout/images/mobile/za_capetown.jpg) no-repeat center; }
    section.news_panel li.ES .image_container { background: url(../layout/images/mobile/es_barcelona.jpg) no-repeat center bottom; }
    section.news_panel li.ES.Madrid .image_container { background: url(../layout/images/mobile/es_madrid.jpg) no-repeat center; }
    section.news_panel li.MT .image_container { background: url(../layout/images/mobile/mt_malta.jpg) no-repeat center; }
    section.news_panel li.MX .image_container { background: url(../layout/images/mobile/mx_cancun.jpg) no-repeat center; }
    section.news_panel li.MY .image_container { background: url(../layout/images/mobile/my_malaysia.jpg) no-repeat center; }
    section.news_panel li.MY.Kuala-lumpur .image_container { background: url(../layout/images/mobile/my_kuala_lumpur.jpg) no-repeat center; }
    section.news_panel li.CA .image_container { background: url(../layout/images/mobile/ca_lake.jpg) no-repeat center; }
    section.news_panel li.NG .image_container { background: url(../layout/images/mobile/africa.jpg) no-repeat center; }
    section.news_panel li.NZ .image_container { background: url(../layout/images/mobile/nz_new_zealand.jpg) no-repeat center bottom; }
    section.news_panel li.NZ.New-Zealand-from-UK .image_container { background: url(../layout/images/mobile/nz_beach.jpg) no-repeat center; }
    section.news_panel li.SE .image_container { background: url(../layout/images/mobile/sw_feskekorka.jpg) no-repeat center; }
    section.news_panel li.NO .image_container { background: url(../layout/images/mobile/no_aurora.jpg) no-repeat center bottom; }
    section.news_panel li.NL .image_container { background: url(../layout/images/mobile/nl_tulips.jpg) no-repeat center; }
    section.news_panel li.PT .image_container { background: url(../layout/images/mobile/pt_lisbon.jpg) no-repeat center; }
    section.news_panel li.BE .image_container { background: url(../layout/images/mobile/be_ghent.jpg) no-repeat center; }
    section.news_panel li.CZ .image_container { background: url(../layout/images/mobile/cz_prague.jpg) no-repeat center bottom; }
    section.news_panel li.SG .image_container { background: url(../layout/images/mobile/sg_river.jpg) no-repeat center; }
    section.news_panel li.TW .image_container { background: url(../layout/images/mobile/tw_taiwan.jpg) no-repeat center; }
    section.news_panel li.GB .image_container { background: url(../layout/images/mobile/uk_london2.jpg) no-repeat center; }
    section.news_panel li.GB.London .image_container { background: url(../layout/images/mobile/uk_london6.jpg) no-repeat center; }
    section.news_panel li.JE.Channel-islands .image_container { background: url(../layout/images/mobile/gb_jersey.jpg) no-repeat center; }
    section.news_panel li.us-worldwide .image_container { background: url(../layout/images/mobile/us_worldwide.jpg) no-repeat center; }
    section.news_panel li.us-export .image_container { background: url(../layout/images/mobile/us_flag.jpg) no-repeat center; }
    section.news_panel li.IS .image_container { background: url(../layout/images/mobile/is-israel.jpg) no-repeat center; }
    section.news_panel li.SA .image_container { background: url(../layout/images/mobile/sa-saudi-arabia.jpg) no-repeat center bottom; }
    section.news_panel li.RU .image_container { background: url(../layout/images/mobile/ru_stpertersburg.jpg) no-repeat center; }
    section.news_panel li.PL .image_container { background: url(../layout/images/mobile/pl_krakow.jpg) no-repeat center; }
    section.news_panel li.EG .image_container { background: url(../layout/images/mobile/eg_pyramid.jpg) no-repeat center; }
    section.news_panel li.UA .image_container { background: url(../layout/images/mobile/ua_kiev.jpg) no-repeat center; }
    section.news_panel li.AD .image_container { background: url(../layout/images/mobile/ad_flag.jpg) no-repeat center; }
    section.news_panel li.RO .image_container { background: url(../layout/images/mobile/ro_transylvania.jpg) no-repeat center bottom; }
    section.news_panel li.PK .image_container { background: url(../layout/images/mobile/pk_sindh.jpg) no-repeat center; }
    section.banner.media.KZ .image_container { background: url(../layout/images/mobile/kz_river.jpg) no-repeat center; }

section.news_panel li.GB.uk h3 font,
section.news_panel li.US.usa h3 font {
    text-transform: uppercase;
}


/* FIREFOX FIXES */
@-moz-document url-prefix() {
    input.checkbox_slider,
    div.tickbox input[type=checkbox] {
        -moz-appearance: checkbox !important;
    }

    div.options.condensed {
        margin-top: 20px !important; 
    }
} br.clear{
    clear: both;
} 
  
/* LANDMARK GLOBAL SERVICES TO CANADA 3 ASTERISKS - REMOVED 28.02.2022 
body.GB table#quotationTbl.Germany td.transit_time.Landmark.Global span:after, body.GB table#quotationTbl.Canada td.transit_time.Landmark.Global span:after {
    content: "***";
    color: red;
    margin-left: 5px;
}*/
body.GB table#quotationTbl.Germany tr[class^=" Landmark Global (Delivered Taxes Paid) "] td.transit_time.Landmark.Global span:after {
    display: none;
}  
  
.checkbox_container.country_of_origin {
    padding: 40px 0;
} .checkbox_container.country_of_origin label {
    width: 90%;
    margin: auto;
    max-width: 600px;
    display: block;
    position: relative;
    padding: 0 40px 14px 0;
    top: 0;
    font-weight: 600;
} .checkbox_container.country_of_origin label input {
        position: absolute;
        right: 0;
        top: 0;
    } .checkbox_container.country_of_origin .statement {
    display: block;
    width: 90%;
    margin: auto;
    max-width: 570px;
    text-align: left;
    color: #004a8a;
    font-style: italic;
} .form_container ul {
    padding-left: 30px;
} .form_container ul.list li {
    color: #004a8a;
    padding: 3px 0 3px 3px;
    list-style-type: square;
    list-style-position: outside;

} .form_container ul.list li ul {
    padding-left: 30px;
    padding-top: 6px;
} div.quicknotice p.footnote {
    display: none;

} body.GB div.quicknotice.Germany p.footnote.Germany, body.GB div.quicknotice.Canada p.footnote.Canada {
    display: block !important;
}

/*
body.GB table.Luxembourg td[class^="serviceName UPS Standard® Single"] div.badge-hover:after,
body.GB table.Portugal td[class^="serviceName UPS Standard® Single"] div.badge-hover:after,
body.GB table.Germany td[class^="serviceName UPS Standard® Single"] div.badge-hover:after,
body.GB table.Canada td.serviceName.Landmark div.badge-hover:after,
body.GB table.Greece td.serviceName.Landmark div.badge-hover:after,
body.GB table.Italy td.serviceName.Landmark div.badge-hover:after,
body.GB table.New.Zealand td.serviceName.Landmark div.badge-hover:after,
body.GB td[class^="serviceName UPS Standard ® Single"] div.badge-hover:after,
body.GB td[class^="serviceName Fedex International Economy®"] div.badge-hover:after,
body.GB td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.United.States td[class^="serviceName Fedex International Priority®"] div.badge-hover:after,
body.GB table.United.States td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Canada td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Argentina td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Bolivia td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Brazil td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Chile td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Columbia td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Costa.Rica td[class^="serviceName Fedex  International Priority® Freight"] div.badge-hover:after,
body.GB table.Cuba td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Dominican.Republic td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Ecuador td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.El.Salvador td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.French.Guiana td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Guadeloupe td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Guatemala td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Haiti td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Honduras td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Martinique td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Mexico td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Nicaragua td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Panama td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Paraguay td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Peru td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Puerto.Rico td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Uraguay td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Venezuela td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after {
    display: table-cell;
    background: #b20000;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 170px;
}*/

/*body.GB table.Canada td.serviceName.Landmark div.badge-hover:after,*/
/*body.GB table.Greece td.serviceName.Landmark div.badge-hover:after,
body.GB table.Italy td.serviceName.Landmark div.badge-hover:after,
body.GB table.New.Zealand td.serviceName.Landmark div.badge-hover:after {
    content: "Delays expected";
}*/
/*
body.GB table.United.States td[class^="serviceName Fedex International Priority®"] div.badge-hover:after,
body.de-DE table.United.States td[class^="serviceName Fedex International Priority®"] div.badge-hover:after,
body.GB table.United.States td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Canada td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Argentina td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Bolivia td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Brazil td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Chile td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Columbia td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Costa.Rica td[class^="serviceName Fedex  International Priority® Freight"] div.badge-hover:after,
body.GB table.Cuba td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Dominican.Republic td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Ecuador td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.El.Salvador td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.French.Guiana td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Guadeloupe td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Guatemala td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Haiti td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Honduras td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Martinique td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Mexico td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Nicaragua td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Panama td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Paraguay td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Peru td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Puerto.Rico td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Uraguay td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after,
body.GB table.Venezuela td[class^="serviceName Fedex International Priority® Freight"] div.badge-hover:after {
    content: "Delays expected of 1 working day";
}
body.de-DE table.United.States td[class^="serviceName Fedex International Priority®"] div.badge-hover:after {
    content: "1 Werktag Verspätung erwartet";
}*/
/*   REMOVED 08/02/22
body.GB table.Luxembourg td[class^="serviceName UPS Standard ® Single"] div.badge-hover:after {
    content: "Delays expected of around 4 working days";
}
body.GB table.Portugal td[class^="serviceName UPS Standard ® Single"] div.badge-hover:after,
body.GB table.Germany td[class^="serviceName UPS Standard ® Single"] div.badge-hover:after {
    content: "Delays expected of around 1 working day";
}*/

body.GB #quotationTbl.United.Kingdom td.serviceName.UPS.Standard div.badge-hover:after {
    display: none;
}

tr.restricted td.serviceName.UPS.Standard div.badge-hover:after,
tr.restricted td.serviceName.TNT.Economy.Express div.badge-hover:after {
    display: none;
}

/* HONG KONG / FEDEX */

/*body.en-GB table.Hong.Kong td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.en-GB table.Hong.Kong td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.de-DE table.Hong.Kong td[class^="serviceName Fedex International Economy®"] div.badge-hover:after,
body.de-DE table.Hong.Kong td[class^="serviceName Fedex International Priority®"] div.badge-hover:after {
    display: block;
    display: block;
    background: #b20000;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 170px;
}
    body.en-GB table.Hong.Kong td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
    body.en-GB table.Hong.Kong td[class^="serviceName Fedex International Priority®"] div.badge-hover:after {
        content: "Delays expected of around 2-3 working days";
    }
    body.de-DE table.Hong.Kong td[class^="serviceName Fedex International Economy"] div.badge-hover:after {
        content: "Verzögerungen von 2-3 Tagen erwartet";
    }*/

    /* LATIN AMERICA / FEDEX */
    /* REMOVED 28/02/2022
body.GB table.Canada td[class^="serviceName FedEx International Priority®"] div.badge-hover:after {
    content: "Delays expected of around 1-2 working days";
    display: block;
    background: #b20000;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 170px;
}*/
    /*  REMOVED 08/02/22
body.GB table.Canada td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Argentina td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Bolivia td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Brazil td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Chile td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Columbia td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Costa.Rica td[class^="serviceName FedEx  International Priority®"] div.badge-hover:after,
body.GB table.Cuba td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Dominican.Republic td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Ecuador td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.El.Salvador td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.French.Guiana td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Guadeloupe td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Guatemala td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Haiti td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Honduras td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Martinique td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Mexico td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Nicaragua td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Panama td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Paraguay td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Peru td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Puerto.Rico td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.Uraguay td[class^="serviceName FedE International Priority®"] div.badge-hover:after,
body.GB table.Venezuela td[class^="serviceName FedEx International Priority®"] div.badge-hover:after {
    content: "Delays expected of around 1 working day";
    display: block;
    background: #b20000;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 170px;
}*/


/*body.DE table.United.Kingdom td.Evri div.badge-hover:after {
    content: "The new name for Hermes UK!";
    display: block;
    background: #0082d4;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 160px;
        border: 2px solid #0082d4;
}*/
/* REMOVED 19/07/22
body.GB table.United.States td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after {
    content: "Delays expected of around 5 working days";
    display: block;
    background: #b20000;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 170px;
}*/

/* REMOVED 08/02/22
body.GB table.Canada td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Argentina td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Bolivia td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Brazil td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Chile td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Columbia td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Costa.Rica td[class^="serviceName FedEx  International Priority® Freight"] div.badge-hover:after,
body.GB table.Cuba td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Dominican.Republic td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Ecuador td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.El.Salvador td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.French.Guiana td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Guadeloupe td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Guatemala td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Haiti td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Honduras td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Martinique td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Mexico td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Nicaragua td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Panama td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Paraguay td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Peru td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Puerto.Rico td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after,
body.GB table.Uraguay td[class^="serviceName FedE International Priority® Freight"] div.badge-hover:after,
body.GB table.Venezuela td[class^="serviceName FedEx International Priority® Freight"] div.badge-hover:after {
    content: "Delays expected of around 1 working day";
    display: block;
    background: #b20000;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 170px;
}*/

/* REMOVED 08/02/22
body.GB table.Canada td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Argentina td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Bolivia td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Brazil td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Chile td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Columbia td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Costa.Rica td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Cuba td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Dominican.Republic td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Ecuador td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.El.Salvador td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.French.Guiana td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Guadeloupe td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Guatemala td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Haiti td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Honduras td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Martinique td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Mexico td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Nicaragua td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Panama td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Paraguay td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Peru td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Puerto.Rico td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Uruguay td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Venezuela td[class^="serviceName FedEx International Economy®"] div.badge-hover:after {
    content: "Delays expected of around 1 working day";
    display: block;
    display: block;
    background: #b20000;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 170px;
}*/


/*REMOVED 05/04/2022*/

/*body.GB table.United.States td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.United.States td[class^="serviceName FedEx International Priority®"] div.badge-hover:after,
body.GB table.United.States td[class^="serviceName Fedex International Economy®"] div.badge-hover:after,
body.GB table.United.States td[class^="serviceName Fedex International Priority®"] div.badge-hover:after,
body.GB table.United.States td[class^="serviceName TG International Economy"] div.badge-hover:after,
body.GB table.United.States td[class^="serviceName TG International Express"] div.badge-hover:after {
    display: inline-block;
    background: #b20000;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 170px;
    content: "Delays expected"
}*/


/* REMOVED 28/02/2022 
    
body.GB table.United.States td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Canada td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.United.States td[class^="serviceName TG International Economy"] div.badge-hover:after,
body.GB table.Canada td[class^="serviceName TG International Economy"] div.badge-hover:after,
body.DE table.USA td[class^="serviceName FedEx International Economy"] div.badge-hover:after,
body.DE table.United.States td[class^="serviceName Fedex International Economy"] div.badge-hover:after,
body.DE table.Kanada td[class^="serviceName FedEx International Economy"] div.badge-hover:after,
body.DE table[class^="standard responsive_table rowhover courier quote fullwidth USA (Vereinigte Staaten)"] td[class^="serviceName Fedex International Economy"] div.badge-hover:after {
    display: block;
    display: block;
    background: #b20000;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 170px;
}

body.GB table.United.States td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.Canada td[class^="serviceName FedEx International Economy®"] div.badge-hover:after,
body.GB table.United.States td[class^="serviceName TG International Economy"] div.badge-hover:after,
body.GB table.Canada td[class^="serviceName TG International Economy"] div.badge-hover:after,
body.DE table.United.States td[class^="serviceName Fedex International Economy"] div.badge-hover:after,
body.DE table.Canada td[class^="serviceName Fedex International Economy"] div.badge-hover:after {
    content: "Delays of 3+ working days expected";
}


    body.DE table.Kanada td[class^="serviceName Fedex International Economy"] div.badge-hover:after,
    body.DE table.USA td[class^="serviceName Fedex International Economy"] div.badge-hover:after {
        content: "Verzögerungen von 3+ Tagen erwartet";
    }*/
/* REMOVED 08/02/22
body.GB table.United.States td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Canada td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Argentina td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Bolivia td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Brazil td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Chile td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Columbia td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Costa.Rica td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Cuba td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Dominican.Republic td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Ecuador td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.El.Salvador td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.French.Guiana td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Guadeloupe td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Guatemala td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Haiti td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Honduras td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Martinique td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Mexico td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Nicaragua td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Panama td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Paraguay td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Peru td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Puerto.Rico td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Uraguay td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after,
body.GB table.Venezuela td[class^="serviceName Fedex International Economy® Freight"] div.badge-hover:after {
    content: "Delays expected of around 9 working days";
    display: block;
    display: block;
    background: #b20000;
    color: #fff;
    padding: 7px 12px;
    margin: 7px 0 0;
    font-family: Roboto;
    font-size: 11px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    font-weight: 300 !important;
    max-width: 170px;
}*/
.accesspoint-options #DeliveryAccessPoint-access-point-link,
.accesspoint-options #CollectionAccessPoint-access-point-link {
    margin-top: 10px;
}

.access-point-result:nth-child(2n+1) {
    background-color: #E2E9F9;
}

.access-point-result {
    position: relative;
    padding: 10px 6px;
}

    .access-point-result .btnBlue {
        position: absolute;
        top: 5px;
        right: 5px;
    }

.access-point-results-container {
    margin-top: 10px;
    float: left;
    width: 100%;
}


#upsAccessPointSearch {
    padding-bottom: 10px;
    width: 100%;
    float: left;
}

#upsAccessPointSearch div{
  
    float: left;
    padding: 5px;
    text-align:center;
}

    #upsAccessPointSearch div:nth-of-type(1) {
        width: 25%;
    }
    #upsAccessPointSearch div:nth-of-type(2) {
        width: 40%;
    }
    #upsAccessPointSearch div:nth-of-type(3) {
        width: 30%;
        padding-top:0;
    }
.popup-content#ShopImporter_LibraryPopup {
    width: 90% !important;
    max-width: 1100px;
    min-width: 200px !important;
    box-sizing: border-box;
    overflow-x: hidden;
    padding: 40px;
}
    .popup-content#ShopImporter_LibraryPopup button {
        background-color: #42a5f5 !important;
    }
.popup-content#ShopImporter_LibraryPopup .toggleSpacing {
    margin: 0 !important;
}
    .popup-content#ShopImporter_LibraryPopup h3 {
        color: #0b1938 !important;
    }
    .popup-content#ShopImporter_LibraryPopup p {
        text-align: center;
        width: 100%;
        margin: 0 !important;
        color: #0b1938 !important;
        font-size: 14px !important;
        max-width: 750px;
        margin: auto !important;
    }
    .popup-content#ShopImporter_LibraryPopup h4 {
        font-family: "Roboto" !important;
        display: block;
        text-align: left !important;
        font-weight: 800 !important;
        font-size: 14px;
        color: #0b1938 !important;
    }
.tableProducts th {
    border-bottom: 1px solid #355681;
}

.tableProducts th,
.tableProducts td {
    color: #0b1938;
    padding: 18px 6px;
    box-sizing: border-box;
}
.tableProducts th {
    vertical-align: bottom;
}
.tableProducts td {
    color: #0b1938;
    height: 64px;
    padding: 18px 6px;
    border-bottom: 1px solid #355681;
}
    .tableProducts tr.existing_product td {
        border-bottom: none !important;
    }
    .tableProducts td input {
        border: 1px solid red;
        padding: 5px;
        box-sizing: border-box;
    }
.tableProducts tr td:first-of-type {
    white-space: nowrap;
    font-weight: 800;
}
.tableProducts tr.existing_product {
    background: #f2f3f7 !important;
    background: linear-gradient(to bottom, #f5f5f9, #f2f3f7) !important;
    border-bottom: none !important;
}
.tableProducts tr.existing_product td {

}
.popup-content#ShopImporter_LibraryPopup .button_container_submit_form {
    text-align: right;
    padding: 20px 0 0px;
}
.popup-content#ShopImporter_LibraryPopup .button_container_submit_form button {
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    -khtml-border-radius: 4px !important;
    font-size: 13px !important;
    cursor: pointer;
}
    .popup-content#ShopImporter_LibraryPopup .button_container_submit_form button.ignore_all {
        background-color: transparent !important;
        border: 2px solid #42a5f5 !important;
        color: #42a5f5 !important;
        float: left;
    }
.ignoreOverwriteAddBox {
    display: block !important;
    box-sizing: border-box;
    padding: 15px 0 0;
}
    .popup-content#ShopImporter_LibraryPopup .ignoreOverwriteAddBox button {
        color: #0b1938 !important;
        font-size: 12px !important;
        display: block !important;
        text-align: right !important;
        float: none !important;
        width: 100%;
        padding: 6px 43px 6px 0 !important;
        margin: 0 !important;
        position: relative;
        box-sizing: border-box;
        background-color: transparent !important;
        

    }
        .ignoreOverwriteAddBox button:after {
            content: "";
            width: 15px;
            height: 15px;
            display: block;
            background-color: #fff;
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -khtml-border-radius: 50%;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }
        .ignoreOverwriteAddBox button:before {
            display: block;
            width: 35px;
            height: 18px;
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            background-color: #4e9fea !important;
            transform: translateY(-50%);
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            -khtml-border-radius: 20px;
            background-repeat: no-repeat;
            background-size: 18px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            background-position: 2px center;
            background-image: url(../layout/icon_tick_white.png);
        }
        .ignoreOverwriteAddBox button.selected:before {
            background-color: #c6c6d2 !important;
            background-image: none !important;
        }
        .ignoreOverwriteAddBox button.selected:after {
            right: 18px;
        }
        /*.ignoreOverwriteAddBox button:after,
        .ignoreOverwriteAddBox button:before {
            content: "";
            display: block;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            -khtml-border-radius: 20px;
            position: absolute;
            top: 0;
            right: 0;
            box-sizing: border-box;
        }

        .ignoreOverwriteAddBox button:after {
            width: 24px;
            height: 24px;
            border: 1px solid #0b1938;
        }
        .ignoreOverwriteAddBox button:before {
            width: 14px;
            height: 14px;
            top: 5px;
            right: 5px;
            background: #42d15a;
            z-index: 1;
        }
        .ignoreOverwriteAddBox button.selected:before {
            background: transparent;
        } */          

#upsAccessPointNoResultsShow {
    font-weight: bold;
    padding: 10px;
}
#popup_quote_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,2555,0.9);
    z-index: 1000;
}

#popup_quote_close {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2005;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
}
    #popup_quote_close:before,
    #popup_quote_close:after {
        right: 18px;
        top: 7px;
    }
    #popup_quote_close:after {
        content: '';
        height: 30px;
        border-left: 5px solid #000;
        position: fixed;
        transform: rotate(45deg);
    }

    #popup_quote_close:before {
        content: '';
        height: 30px;
        border-left: 5px solid #000;
        position: fixed;
        transform: rotate(-45deg);
    }
#popup_quote {
    border: 8px solid #fff;
    display: none;
    position: fixed;
    width: 90%;
    margin: auto;
    max-width: 1200px;
    height: 80vh;
    overflow-y: auto;
    top: 10vh;
    z-index: 2000;
    left: 50%;
    transform: translate(-50%);
}
    #popup_quote.active,
    #popup_quote_overlay.active {
        display: block;
    }
#popup_quote section.banner.media {
    border-top: 0;
}
#popup_quote section.banner.media:after {
    display: none;
}

@media screen and (max-width: 1300px) {
    #ERII_Image {display: none !important;}

    ul.boxes.api.extend {
        max-width: 1400px;
        width: 100%;
        left: 0;
    } 
}

@media screen and (max-width: 1200px) {
    .form_manager #packingListCreate.active {
        width: 96%;
        left: 2%;
        right: 2%;
    }
    section.banner.media.wide .heading-container {
        width: 70%;
        margin-left: 5%;
    }
}
@media screen and (max-width: 900px) {
    section.banner.media.wide .heading-container {
        width: 90%;
        margin-left:5%;
    }
    section.video_text_content div.text_content, section.video_text_content div.video_content {
        width: 97%;
        margin-left: 1%;
        margin-right: 1%;
        float: none;
    }
}
@media screen and (max-width: 799px) {
    .carousel_container li {
        width: 28%;
    }
}
@media screen and (max-width: 750px) {
    #upsAccessPointSearch div {
        width: 100% !important;
        padding-bottom: 10px;
    }

    #upsAccessPointSearch input, #upsAccessPointSearch select {
        width: 250px;
    }
    .form_manager #packingListCreate.active .pop-up-left-col,
    .form_manager #packingListCreate.active .pop-up-right-col {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .form_manager #packingListCreate.active {
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;/*
        overflow-y: auto;*/
        height: auto;
    }
        .form_manager #packingListCreate.active.edit_contents {
            padding-right: 20px;
        }
        .form_manager #packingListCreate.active .pop-up-right-col:before {
            content: "Your selected items...";
            font-weight: 900;
            display: block;
            padding: 40px 10px 10px;
            text-align: left;
            font-size: 18px;
        }
            .form_manager #packingListCreate.active .pop-up-right-col:before,
            .form_manager #packingListCreate.active .pop-up-right-col table.packinglist.form_data_table tbody {
                display: none ;
            }
                .form_manager #packingListCreate.active.edit_contents .pop-up-right-col:before,
                .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table tbody {
                    display: block !important;
                    position: fixed;
                    top: 0;
                    bottom: 0;
                    left: 0 !important;
                    right: 0 !important;
                    width: auto;
                    background-color: #fff;
                    overflow-y: auto;
                    padding: 30px 35px 100px !important;
                    box-sizing: border-box;
                    z-index: 499;
                }
            .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table {
                display: block;
                width: 100%;
            }
                .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table tr {
                    display: block;
                    width: 100%;
                    position: relative;
                    box-sizing: border-box;
                    clear: left;
                    font-size: 0;
                }
                .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table td {
                    display: inline-block;
                    padding: 5px !important;
                    width: 40%;
                    min-height: 45px;
                    text-align: left;
                    box-sizing: border-box;
                    border-bottom: 1px solid #355681;
                }
                    .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table td .hover_prompt {
                        min-width: unset !important;
                    }
                    .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table td label {
                        display: none !important;
                    }
                    .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table td input {
                        display: block;
                        width: 100% !important;
                        padding: 8px 0;
                        box-sizing: border-box;
                        color: #355681;
                        font-weight: 800;
                        font-size: 11px;
                        background-color: transparent !important;
                    }
                    .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table td.PackageDetailsTable_Options {
                        width: 20%;
                        position: relative;
                    }
                        .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table td.PackageDetailsTable_Options a {
                            background-position: 95% center;
                            position: absolute;
                            right: 0;
                            top: 50%;
                            transform: translateY(-50%);
                        }
                        .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table td.PackageDetailsTable_Options a span {
                            
                        }
                    .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table td.PackageDetailsTable_Search {
                        display: none;
                    }
                .form_manager #packingListCreate.active.edit_contents .pop-up-right-col table.packinglist.form_data_table tbody:before {
                    display: block;
                    text-align: left;
                    padding: 20px 0;
                    font-weight: 800;
                }
        .form_manager #packingListCreate.active #PL_ConfirmItems {
            position: fixed;
            text-align: center;
            border-top: 5px solid #fff;
            right: 0;
            box-shadow: 0px -8px 20px 0px #efefef;
            background: #fff !important;
            z-index: 500;
        }
            .form_manager #packingListCreate.active #PL_ConfirmItems #EditItems {
                display: block;
                font-size: 11px;
            }
            .form_manager #packingListCreate.active.edit_contents #PL_ConfirmItems #EditItems {
                display: none;
            }
}

@media screen and (max-width: 900px) {
    .accesspoint-options div {
        width: 100% !important;
        padding-bottom: 10px;
    }

}
@media screen and (max-width: 750px) {
    .form_manager table.responsive td.CountryOfOrigin:before {
        display: none;
    }
    .form_manager .contents_declaration table.BoxNumber_1 {
        text-align: center;
    }
    .form_manager .contents_declaration table.BoxNumber_1 div.highlight_helper {
        display: inline-block !important;
        position: relative !important;
        width: unset !important;
        max-width: unset !important;
        transform: none !important;
        text-align: center;
        margin-top: 10px !important;
        padding:0 40px !important;
    }
    .form_manager .contents_declaration table.form_data_table tbody tr td label {
        display: inline-block;
        width: 50%;
    }
    .form_manager .contents_declaration table.form_data_table tbody tr td label {
        display: block !important;
        text-align: left !important;
    }
    .form_manager .contents_declaration table.form_data_table tbody tr#PLRow_ManualAddItem td label {
        padding: 0 0 5px;
        width: 100%;
        font-size: 11px !important;
        font-weight: 800 !important;
    }
    .form_manager table.form_data_table tbody tr.manual_commodity td {
        padding: 6px 6px !important;
    }
    .form_manager table.form_data_table tr.manual_commodity select,
    .form_manager table.form_data_table tr.manual_commodity input[type="file"],
    .form_manager table.form_data_table tr.manual_commodity input[type="text"],
    .form_manager table.form_data_table tr.manual_commodity input[type="number"] {
        margin: 0 !important;
        width: 100%;
        background-color: #eef3f6;
    }

    .form_manager .contents_declaration table.form_data_table tbody tr#PLRow_ManualAddItem td .hover_prompt {
        margin-left: 40px;
        margin-right: 40px;
    }
        .form_manager .contents_declaration table.form_data_table tbody tr td .hover_prompt .open_helper {
            display: block;
            transform: none;
        }
            .form_manager .contents_declaration .click_helper .open_helper:after,
            .form_manager .contents_declaration .click_helper .open_helper:before {
                background-color: #c5cfe2;
                color: #fff !important;
            }
    .form_manager .contents_declaration .form_data_table tr#PLRow_ManualAddItem td.PackageDetailsTable_Options {
        text-align: center;
    }
}
@media screen and (max-height: 850px) {
    #GDPRFooter.active #CookiePreferences {
        overflow-y: scroll;
        overflow-y: auto;
    }
}
@media screen and (max-width: 400px) {
    .form_manager table.styled tbody tr td {
        font-size: 11px;

    }
    .form_manager .contents_declaration #search_commodity #SavedCommodityCodes tbody tr .button_add_to {
        background-image: none;
        padding: 7px 12px !important;
    }

}

@media screen and (max-width: 550px) {
    .api_area.shopify_v2 #APIImporter_ToolsMenu .clear_search_results {
        display: block;
    }
    .api_area.shopify_v2 #APIImporter_ToolsMenu .clear_search_results button {
        top: 0;
    }
    .api_area.shopify_v2 #APIImporter_ToolsMenu label.search_label {
        display: none;
    }
    .api_area.shopify_v2 #APIImporter_ToolsMenu .search, .api_area.shopify_v2 #APIImporter_ToolsMenu .country_filter {
        width: 45%;
        max-width: 350px;
    }
}
@media screen and (max-width: 470px) {
    .carousel_container li {
        width: 90%;
        margin: 40px auto;
    }
}
@media screen and (max-width: 420px) {
    .api_area.shopify_v2 #APIImporter_ToolsMenu .country_filter,
    .api_area.shopify_v2 #APIImporter_ToolsMenu .search {
        width: 100%;
    }    
        .api_area.shopify_v2 #APIImporter_ToolsMenu .search {
            position: relative;
            top: -3px;
        }
    .api_area.shopify_v2 #APIImporter_ToolsMenu .country_filter {
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-top-left-radius: 11px;
        -webkit-border-top-right-radius: 11px;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-topleft: 11px;
        -moz-border-radius-topright: 11px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 11px !important;
        border-top-right-radius: 11px !important;
    }
    .api_area.shopify_v2 #APIImporter_ToolsMenu .search,
    .api_area.shopify_v2 #APIImporter_ToolsMenu .search_input {
        -webkit-border-bottom-left-radius: 11px;
        -webkit-border-bottom-right-radius: 11px;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-bottomleft: 11px;
        -moz-border-radius-bottomright: 11px;
        -moz-border-radius-topleft: 0 !important;
        -moz-border-radius-topright: 0 !important;
        border-bottom-left-radius: 11px;
        border-bottom-right-radius: 11px;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        overflow: hidden;
    }
    .api_area.shopify_v2 #APIImporter_ToolsMenu .country_filter select,
    .api_area.shopify_v2 #APIImporter_ToolsMenu div.search input[type="text"] {
        padding: 7px 35px 7px 25px !important;
        height: 35px;
    }

    .api_area.shopify_v2 {
        padding-top: 150px;
    }
}

.taxinfocontainer .taxinfodetailcontainer {
    position: relative;
    font-size: 0.85em;
    padding-top: 5px;
}

    .taxinfocontainer .taxinfodetailcontainer span.note {
        position: absolute;
        top: 100%;
        left: -10px;
        min-width: 300px;
        display: none;
    }



.taxinfocontainer span.note {
    color: #1f50ab !important;
    font-style: normal;
    font-family: "Roboto";
    font-size: 11px !important;
    margin: 12px 0 0;
    padding: 12px 12px 12px 12px !important;
    display: inline-block;
    background-color: #fffde8;
    border: 1px solid #498bd0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    letter-spacing: 0;
}

.taxinfocontainer span.note.pointer.top:before {
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    -moz-box-shadow: 1px -1px 0px 0px #498bd0;
    -webkit-box-shadow: 1px -1px 0px 0px #498bd0;
    box-shadow: 1px -1px 0px 0px #498bd0;
    content: "";
    position: absolute;
    top: -7px;
    left: 25px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate( -45deg );
    transform: rotate(-45deg);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
}

.taxinfocontainer .taxinfodetailcontainer:hover span.note, .taxinfocontainer .taxinfodetailcontainer:active span.note, .taxinfocontainer .taxinfodetailcontainer:focus span.note {
    display: block !important;
    z-index: 50;
}

.courier-safeplace {
    max-width: 100%;
    white-space: normal;
    border: 1px dashed #bac9e5;
    padding: 10px;
    margin-bottom: 10px !important;
}
.courier-safeplace-title {
    width: 100%;
    font-weight: bold;
}

.invoiceOrderRef {
    color: #498bd0 !important;
    font-weight:bold;
    padding-bottom:5px;
}
    .invoiceOrderRef input {
        padding: 3px !important;
        box-sizing: border-box;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -khtml-border-radius: 8px;
        margin-right: 4px;
        font-weight: normal;
    }

.invoiceOrderRefButtons {
    float: right;
    margin-top: -8px;
    padding-left: 5px;
}


@media screen and (max-width: 750px) {
    .invoiceOrderRefButtons {
        float: initial !important;
        margin-top: 5px;
        padding-left: 0;
    }

        .invoiceOrderRefButtons .btn {
            padding: 5px 10px;
        }

    .invoiceOrderRef {
        float: initial !important;
        text-align: center
    }
}