/* @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');
    }
@font-face {
    font-family: RobotoBold;
    src: url(../fonts/Roboto-Boldd41d.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;
    }

[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 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; }
.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;
    }
div.box p,
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.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;
	}

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

.roboto p {
    color: #02548F !important;
}

.black,
.panelledArea.content h3.black {
    color: black !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,
.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_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,
div.container.labelSettings ul li label,
tr.restricted span.notification a.link {
    color: #0185cd !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;
    }
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
 {
    color: #498bd0 !important;
}
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  {
    color: #004a8a !important;
    }
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
}
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;
    }

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.collectionCutOff label,
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;
}
.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.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 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.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.genericQuoteContent h1 span,
div.content-slider ul li span.button,
div.advert-quote ul span.content {
    font-family: "RobotoCondensed", 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.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,
div.collectionCutOff 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;
}

.lato,
div.social .headline,
.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,
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 {
    font-family: "Roboto","Lato", sans-serif !important;
    font-weight: 300 !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;
}

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;
}
.roboto h2.title span,
.roboto h3.title span,
.roboto h4.title span,
.roboto h5.title span {
    padding-bottom: 10px;
}
.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 {
    color: #fff;
    padding: 12px 4px 12px;
    display: inline-block;

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

    }
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],
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 {
        font-size: 0.9em !important;
    }
    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;
}
    div.processing img {
        margin: 30px 0;
    }
div.dialog {
    display: block;
    padding: 8px;
    margin: 10px auto;
    max-width: 400px;
    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;
}
div.dialog span {
    display: block;
    clear: both;
    float: none;
    line-height: 20px;
}
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;
}
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;
    }

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;
    }
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.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 {
    display: block;
    font-size: 1em;
    width: auto;
    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;
}
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: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 30px !important;
    -khtml-border-radius: 10px !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.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.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.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 .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;
        }
    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;
        }
        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;
        }
    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,
section.banner.media .quoteform .form_container select#NoItems,
section.banner.media .quoteform .form_container select#ItemType {
    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: 25%;
    }
    div.form.generic .quoteform .form_container select#ItemType,
    section.banner.media .quoteform .form_container select#ItemType {
        width: 75%;
    }
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;
}
    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 .form_container select#NoItems,
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 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 .quoteform label {
    display: none;
}
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); }


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

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("../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("../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("../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("../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("../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("../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,
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%;
}


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

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

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 {
    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;
    }
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;
}
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;
    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;
}
.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%;
    }
    .video_popup .control.image_link span {
        font-family: "Roboto";
        color: #fff;
        font-size: 12px;
        display: inline-block;
        padding: 7px 16px;
        background-color: #296db3;
        background-color: #294a69;
        -moz-border-radius: 22px;
        -webkit-border-radius: 22px;
        border-radius: 22px;
        -khtml-border-radius: 22px;
        position: relative;
        top:-10px;
        background-image: url(../layout/video/icon_video.png);
        background-repeat: no-repeat;
        background-position: 8px center;
        padding-left: 36px;
        white-space: nowrap;
    }
div.contents_declaration .video_popup .control.image_link {
    width: 100%;
    max-width: 300px;
    float: right;
    margin: 10px 0;
    box-sizing: border-box;
}
div.warning-message.prohibited {
    float: none;
    clear: both !important;
    margin: 35px 0px 0px 0px;
    padding: 20px;
    font-family: "Roboto";
}
    div.warning-message.prohibited 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.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 {
    font-weight: bold;
    font-family: arial;
    color: #fff;
    }
div.warning-message.prohibited div.container-checkbox input[type=checkbox] {
    position: relative;
    top: 2px;
    left: 1px;
    }
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;
    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: #6a665a;
        font-family: "Roboto";
        display: inline-block;
        box-sizing: border-box;
        padding: 20px 20px 20px 35px;
        background-size: 25px;
        background-image: url(../layout/icon-alert-notice-yellow.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
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: #fff;
        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.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%;
            letter-spacing: 1px;
            margin: 5% 4%;
            display: block;
            text-align: center;
            background-color: #fff;
            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.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;
        }
            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 {

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

    }
div.copyright-notice {
    margin: 10px 0px 0px 0px;
    clear: both;
    color: #fff;
    background-image: url(../layout/logo-transglobalexpress-footer-white.png);
    background-repeat: no-repeat;
}
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 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.standard td.serviceName {
    text-align: left;
    font-weight: bold;
    }
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;
    height: 31px;
    }
table.standard td.serviceName span.name {
    white-space: nowrap;
    display: inline-block;
    padding: 10px 30px 0px 5px;
    }

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

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

#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.html);}
ul.NoCompensationItems li.data {background-image: url(../layout/insurance/data.png), url(../layout/-xsml.html);}
ul.NoCompensationItems li.glass {background-image: url(../layout/insurance/glass.png), url(../layout/-xsml.html);}
ul.NoCompensationItems li.monitors {background-image: url(../layout/insurance/monitors.png), url(../layout/-xsml.html);}
ul.NoCompensationItems li.liquids {background-image: url(../layout/insurance/liquids.png), url(../layout/-xsml.html);}
ul.NoCompensationItems li.pottery {background-image: url(../layout/insurance/ceramics.png), url(../layout/-xsml.html);}
ul.NoCompensationItems li.tv {background-image: url(../layout/insurance/tv.png), url(../layout/-xsml.html);}
ul.NoCompensationItems li.vouchers {background-image: url(../layout/insurance/vouchers.png), url(../layout/-xsml.html);}
ul.NoCompensationItems li.art {background-image: url(../layout/insurance/art.png), url(../layout/-xsml.html);}

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.sub-menu.account li ul {
    display: none;
}

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-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-accountDetails a { background-image: url("../layout/account_settings-small.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-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-myDetails span.icon { background-image: url("../layout/account_details.png");}
.icon-accountDetails span.icon { background-image: url("../layout/account_settings.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");}

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;
    }
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-color: #498bd0 !important;
    background-image: url(../layout/icon-accordion-title.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    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;
    }
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 30px;
    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.hermes { background-image: url(../layout/logo_small_white_hermes.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.html) !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 center;
    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 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.de {
            background-image: url(../layout/illustration-de-map-blue.png);
        }

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

            div.collapseContentContainer.locationFinder div.container-locationPoints a {
                position: absolute;
                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: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;
    }



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;
}
.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;
  bottom: 12px;
  right: 12px;
  z-index: 100;
  display: none;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 20px;
  height: 20px;
  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;
    }
div.map h1,
div.map h2,
div.map h3,
div.map h4,
div.map h5 {
    display: block;
    width: auto;
    padding: 22px 0px 2s2px;
    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.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;
    }


/* END COUNTRY LANDING PAGES */


.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);
    }

    @media screen and (max-width: 767px) {
        .map-container li.US {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.GB {
            display: inline-block !important;
                       top: 95px;
                       left: 105px;
        }

        .map-container li.AE {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.TW {
            display: inline-block !important;
                       top: 95px;
                       left: 105px;
        }

        .map-container li.SE {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.ES {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.ZA {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.SG {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.SA {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.PT {
            display: inline-block !important;
                        top: 95px;
            left: 105px;
            z-index: 1;
        }

        .map-container li.NO {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.NG {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.NZ {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.NL {
            display: inline-block !important;
                       top: 95px;
                       left: 105px;
        }

        .map-container li.MX {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.JP {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.IT {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
        }

        .map-container li.HK {
            display: inline-block !important;
            top: 95px;
            left: 105px;
        }

        .map-container li.DE {
            display: inline-block !important;
                        top: 95px;
                        left: 105px;
            z-index: 1;
        }

        .map-container li.FR {
            display: inline-block !important;
            top: 95px;
            left: 105px;
        }

        .map-container li.CZ {
            display: inline-block !important;
            top: 95px;
            left: 105px;
            z-index: 2;
        }

        .map-container li.CA {
            display: inline-block !important;
            top: 95px;
            left: 105px;
        }

        .map-container li.BE {
            display: inline-block !important;
            top: 89px;
            left: 100px;
            z-index: 2;
        }

        .map-container li.CN {
            display: inline-block !important;
            top: 82px;
            left: 100px;
        }

        .map-container li.AU {
            display: inline-block !important;
            top: 90px;
            left: 90px;
        }

        .map-container li.DK {
            display: inline-block !important;
            left: 79px;
            top: 91px;
        }

        .map-container li.BG {
            display: inline-block !important;
            top: 91px;
            left: 105px;
        }

        .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: none !important;
            top: 125px;
            left: 333px;
        }

        .map-container li.AT {
            display: none !important;
            top: 110px;
            left: 325px;
            z-index: 2;
        }

        .map-container li.RO {
            display: none !important;
            top: 110px;
            left: 345px;
        }

        .map-container li.RU {
            display: none !important;
            top: 85px;
            left: 475px;
        }

        .map-container li.UA {
            display: none !important;
            top: 110px;
            left: 365px;
        }

        .map-container li.HU {
            display: none !important;
            top: 105px;
            left: 340px;
        }

        .map-container li.EC {
            display: none !important;
            top: 210px;
            left: 155px;
        }

        .map-container li.FI {
            display: none !important;
            top: 70px;
            left: 355px;
        }

        .map-container li.TR {
            display: none !important;
            top: 132px;
            left: 353px;
        }

        .map-container li.CH {
            display: none !important;
            top: 111px;
            left: 299px;
        }
        .map-container.world ul {
            width: 200px;
            height: 300px;
            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;

    }

@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.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.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.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; }



    /* 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.html) no-repeat center bottom;
        min-height: 75vh;
    }
    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.international_courier { background: url(../layout/images/courier_delivery.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; }

    /* 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.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.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.usps { background: url(../layout/images/img_parcel_handover2.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.ebay { background: url(../layout/images/img_online_seller.jpg) no-repeat center bottom; }
    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.html) no-repeat center bottom; }
    section.banner.media.christmas { background: url(../layout/images/img_christmas.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/img_woman_computer.jpg) no-repeat center; }
    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.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.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 { 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 { background: url(../layout/images/mobile/at_austria.jpg) no-repeat center; }
    section.banner.media.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.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.html) 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.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.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.dhl,
    section.banner.media.parcels { background: url(../layout/images/mobile/img_parcels_floor.jpg) no-repeat center bottom; }
    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.tnt { background: url(../layout/images/mobile/img_parcels_floor2.jpg) no-repeat center; }

    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_christmas.jpg) no-repeat center bottom; }

    section.banner.media.freight { background: url(../layout/images/mobile/img_freight.jpg) no-repeat center; }
    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/img_woman_computer.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.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.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.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.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.tnt_express { background: url(../layout/images/mobile/tnt_express.html) no-repeat center bottom; }
    section.banner.media.uk_imports { background: url(../layout/images/mobile/cn_uk_import.jpg) no-repeat center bottom; }


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

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

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

