@media screen {
	.app-content {
		line-height: 1.4
	}
	.app-content td {
		vertical-align: top
	}
	.app-content img {
		vertical-align: middle
	}
	.app-content table {
		width: 100%
	}
	.app-content ul,
	.app-content ol {
		margin: 0;
		padding: 0
	}
	.app-content label[for] {
		cursor: pointer
	}
	.app-content textarea {
		resize: vertical
	}
	.app-content input[type=text],
	.app-content textarea {
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-khtml-box-sizing: border-box;
		box-sizing: border-box
	}
	.toggle-link {
		cursor: pointer
	}
	.inline-block {
		display: inline-block
	}
	.hide-section {
		display: none
	}
	.hidden {
		display: none!important;
		visibility: hidden
	}
	.pull-left {
		float: left
	}
	.pull-right {
		float: right
	}
	.align-left {
		text-align: left
	}
	.align-center {
		text-align: center
	}
	.align-right {
		text-align: right
	}
	.center-div {
		margin-right: auto;
		margin-left: auto
	}
	.margin-10 {
		margin: 10px
	}
	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table
	}
	.clearfix:after {
		clear: both
	}
	.clearfix {
		*zoom: 1
	}
	dpdgroup_site .app-content .module-body {
		background-color: #fff
	}
	.dpdgroup_site .app-content .blue {
		background: #3e89ef;
		border: 0;
		border-radius: 0;
		filter: inherit
	}
	.dpdgroup_site .app-content .grey {
		background: #7f8185;
		border: 0;
		border-radius: 0;
		color: #fff
	}
	.dpdgroup_site #options_panel .section-title,
	.dpdgroup_site #focus_panel .section-title {
		padding: 10px
	}
	.dpdgroup_site .panel-dpd-red,
	.dpdgroup_site .panel-mid-grey,
	.dpdgroup_site .panel-warm-grey {
		padding: 10px
	}
	.dpdgroup_site .even {
		background: #E6E7E7
	}
	.dpdgroup_site .odd {
		background: #fff
	}
	.dpdgroup_site .options-list a {
		color: #414042
	}
	.dpdgroup_site .action-bar {
		padding: 10px;
		padding-right: 0!important;
		margin-right: 20px!important;
		margin-left: 20px!important;
		padding-left: 0!important
	}
	.dpdgroup_site .address li {
		font-size: 1em
	}
	.dpdgroup_site .APP-BANNER-LARGE,
	.interlink .APP-BANNER-LARGE {
		margin-bottom: 20px
	}
}

@media only screen and (max-width:600px) {
	.hide-mobile {
		display: none!important
	}
	.dpdgroup_site {
		padding: 0 10px;
		margin: 0
	}
	.dpdgroup_site .focus-body {
		margin-top: 10px
	}
	.dpdgroup_site .options-list {
		margin-top: 0!important
	}
	.dpdgroup_site .app-content .module-body {
		background: #fff
	}
	.dpdgroup_site .panel-dpd-red,
	.dpdgroup_site .panel-mid-grey,
	.dpdgroup_site .panel-warm-grey {
		padding: 5px
	}
	.dpdgroup_site #history_panel .section-title,
	.dpdgroup_site #information_panel .section-title {
		padding: 15px
	}
	.dpdgroup_site .options-list li {
		width: 100%!important
	}
	.dpdgroup_site #options_panel .section-title,
	.dpdgroup_site #focus_panel .section-title {
		padding: 5px
	}
	.dpdgroup_site #options_panel .section-title {
		margin-bottom: 5px!important
	}
	.dpdgroup_site .section-divider {
		margin-bottom: 5px
	}
	.dpdgroup_site .app-content .module-body p {
		padding: .625em
	}
	.dpdgroup_site .mobile-pin-container {
		display: -webkit-box;
		margin: 10px 0
	}
	.dpdgroup_site .mobile-pin-container .marker-key {
		width: 100%
	}
	.dpdgroup_site .mobile-pin-pos-one {
		-webkit-box-ordinal-group: 2;
		float: inherit
	}
	.dpdgroup_site .mobile-pin-pos-two {
		-webkit-box-ordinal-group: 1;
		float: inherit;
		padding-right: 20px
	}
	.dpdgroup_site .marker-text {
		float: none
	}
	.dpdgroup_site .row .row {
		margin-left: 0;
		margin-right: 0
	}
	.dpdgroup_site .options-list li {
		margin: 0 0 5px!important
	}
	.dpdgroup_site .options-list li:first-child {
		margin-top: 5px
	}
	.dpdgroup_site #focus_panel .row {
		margin: 5px 0!important
	}
	.dpdgroup_site .section-divider {
		margin-bottom: 5px!important
	}
	.dpdgroup_site .action-bar {
		margin-left: 10px!important;
		margin-right: 10px!important
	}
	.dpdgroup_site .column.small-12 {
		width: 100%!important;
		position: relative
	}
	.dpdgroup_site .column.small-5 {
		width: 46%!important;
		position: relative;
		margin-left: 0!important
	}
	.dpdgroup_site .form-body {
		padding: 10px!important
	}
	.dpdgroup_site .module-body.out-for-delivery-view {
		display: -webkit-box!important;
		-webkit-box-orient: vertical
	}
	.dpdgroup_site .module-body.out-for-delivery-view #options_panel {
		height: 100%;
		-webkit-box-ordinal-group: 1
	}
	.dpdgroup_site .module-body.out-for-delivery-view #focus_panel {
		height: 100%;
		-webkit-box-ordinal-group: 2
	}
	.dpdgroup_site .module-body.out-for-delivery-view #history_panel {
		height: 100%;
		-webkit-box-ordinal-group: 3
	}
	.dpdgroup_site .module-body.out-for-delivery-view #information_panel {
		height: 100%;
		-webkit-box-ordinal-group: 4
	}
}

@media only screen {
	.highlight {
		color: #E3002A
	}
	.panel-divider {
		border-bottom: 2px solid #fff
	}
	.odd {
		background-color: #DDEAF5
	}
	.even {
		background-color: #E7F1FA
	}
	.info-icon {
		margin-right: 5px
	}
	.bold {
		font-weight: 700
	}
	.message-panel {
		font-size: 1.1em;
		padding: 10px!important
	}
	.error-panel {
		background: #ffffd5;
		color: #E3002a;
		font-weight: 700;
		font-size: 1.1em;
		padding: 10px 0
	}
	.error-message {
		margin: 0 10px
	}
	.success-panel {
		display: table;
		width: 100%
	}
	.success-cell {
		display: table-cell;
		padding: 5px;
		vertical-align: middle
	}
	.success-icon {
		padding-left: 9px;
		width: 5%
	}
	.success-message {
		width: 95%
	}
	.interlink .module-heading {
		background: #009adf;
		background: -moz-linear-gradient(top, rgba(0, 154, 223, 1) 0, rgba(0, 154, 223, 1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 154, 223, 1)), color-stop(100%, rgba(0, 154, 223, 1)));
		background: -webkit-linear-gradient(top, rgba(0, 154, 223, 1) 0, rgba(0, 154, 223, 1) 100%);
		background: -o-linear-gradient(top, rgba(0, 154, 223, 1) 0, rgba(0, 154, 223, 1) 100%);
		background: -ms-linear-gradient(top, rgba(0, 154, 223, 1) 0, rgba(0, 154, 223, 11) 100%);
		background: linear-gradient(to bottom, rgba(0, 154, 223, 1) 0, rgba(0, 154, 223, 1) 100%);
		background-repeat: no-repeat
	}
	.app-content {
		width: 100%
	}
	.app-content .module {
		width: 100%;
		margin-bottom: .625em
	}
	.app-content .module-heading h3 {
		color: #FFF;
		font-size: 12px;
		font-weight: 700;
		min-height: 15px;
		line-height: 1.4;
		margin: 0 0 0 5px;
		padding: 5px 0 5px 5px
	}
	.app-content .module-body {
		background-color: #F5F8FD;
		font-size: 12px;
		color: #666
	}
	.app-content .module-body p {
		margin: 0;
		color: #666;
		padding: .625em
	}
	.section-title {
		width: 100%;
		background-color: #999;
		min-height: 24px
	}
	.section-title h2 {
		font-size: 12px;
		color: #FFF;
		padding: 5px 8px;
		margin: 0
	}
	.section-divider {
		border-bottom: 1px solid #FFF
	}
	.section-body {
		padding: 10px
	}
	.section-body .row {
		margin: 8px 0
	}
	.intro {
		display: table;
		height: 55px;
		width: 100%
	}
	.status-title,
	.status-text {
		color: #414042;
		font-size: 12px
	}
	.status-title {
		color: #000;
		font-weight: 700;
		width: 90px
	}
	.status-text {
		display: table-cell;
		padding: 4px 8px;
		vertical-align: middle
	}
	.customer-logo {
		background: #FFF;
		display: table-cell;
		padding: 0 8px;
		vertical-align: middle
	}
	.customer-logo img {
		max-width: 75px;
		max-height: 48px;
		float: right
	}
.centerimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 180px;

}
	.status-info {
		background: #DDEAF5;
		border-bottom: 2px solid #fff;
		display: table;
		font-size: 12px;
		font-style: italic;
		font-weight: 700;
		height: 60px;
		width: 100%
	}
	.status-info-icon {
		display: table-cell;
		padding: 9px;
		vertical-align: middle;
		width: 30px
	}
	.status-info-icon img {
		max-width: 100%
	}
	.status-info-text {
		color: #E3002A;
		display: table-cell;
		padding: 4px 10px 4px 7px;
		vertical-align: middle
	}
	.focus-body {
		font-size: 12px
	}
	.focus-body p {
		font-size: 12px
	}
	.status-icon {
		max-width: 100%;
		margin: .624em 0
	}
	.issue-alert {
		padding: 10px
	}
	.issue-alert h1 {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1em
	}
	.issue-icon {
		text-align: center
	}
	.issue-icon img {
		max-width: 100%
	}
	.issue-information em {
		font-size: .9em
	}
	.message {
		padding: 10px 18px
	}
	.message h1 {
		font-size: 1.3em
	}
	.information-header {
		font-size: 1.3em;
		margin: 5px 0;
		padding: 0 10px
	}
	.marker {
		padding: 8px;
		float: left;
		width: auto
	}
	.marker-key {
		float: left;
		padding-left: 10px;
		width: 58px
	}
	.marker-text {
		float: left;
		padding-top: 15px;
		font-size: 11px
	}
	.map-container {
		padding: 5px
	}
	.map-container img {
		max-width: none
	}
	.map {
		width: 100%;
		height: 240px;
		border: 1px solid #DDEAF5
	}
	.caroufredsel_wrapper {
		margin: 0 auto!important
	}
	.carousel {
		display: table;
		width: 100%
	}
	.carousel-items {
		display: table-cell;
		width: 100%
	}
	.carousel-items ul {
		padding-top: 0
	}
	.carousel-container {
		list-style: none;
		padding: 0;
		text-align: center;
		width: auto
	}
	.carousel-item {
		display: inline-block;
		min-height: 280px;
		padding: 10px 0
	}
	.carousel-item img {
		cursor: pointer;
		display: block;
		margin: 0 auto;
		max-width: 100%
	}
	.carousel-direction-button {
		vertical-align: middle;
		font-size: 50px;
		display: table-cell;
		cursor: pointer;
		padding: 4px
	}
	.carousel-information {
		font-weight: 700;
		padding: 5px;
		text-align: center
	}
	.mask {
		background-color: #000;
		bottom: 0;
		left: 0;
		position: absolute;
		opacity: .7;
		filter: alpha(opacity=70);
		right: 0;
		top: 0;
		z-index: 1000
	}
	.image-box {
		bottom: 0;
		cursor: pointer;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1010
	}
	.image-dialog {
		margin: 0 auto;
		position: relative;
		max-width: 94%;
		z-index: 1020
	}
	.image-body {
		margin: 0 auto;
		padding: 10px;
		position: relative
	}
	.image-body img,
	.image-caption {
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0
	}
	.image-body img {
		border: 1px solid #fff;
		max-height: 400px
	}
	.image-caption {
		background: #000;
		color: #fff;
		opacity: .8;
		filter: alpha(opacity=80);
		padding: 5px;
		text-align: center;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-khtml-box-sizing: border-box;
		box-sizing: border-box
	}
	.image-box .close {
		color: #FFF;
		float: right;
		font-size: 1.6em;
		line-height: 1;
		opacity: .8;
		filter: alpha(opacity=80);
		text-shadow: 0 1px 0 #000
	}
	.image-box .close:hover,
	.image-box .close:focus {
		color: #FFF;
		cursor: pointer;
		opacity: 1;
		filter: alpha(opacity=100);
		text-decoration: none
	}
	.options-list {
		margin: auto;
		width: 94%
	}
	.options-list ul {
		padding: .625em 0
	}
	.options-list li {
		list-style-type: none;
		list-style-image: none;
		background-color: #FFF;
		margin: 0;
		border: 1px solid #DDEAF5;
		border-top: 0
	}
	.options-list li:first-child {
		border-top: 1px solid #DDEAF5;
		border-radius: 10px 10px 0 0
	}
	.options-list li:last-child {
		border-radius: 0 0 10px 10px
	}
	.options-list img {
		max-width: 30px;
		padding: 8px
	}
	.options-list a {
		text-decoration: none;
		color: #666
	}
	.options-list a {
		display: block;
		font-size: .9em;
		font-weight: 700
	}
	.options-list a:hover {
		color: #E3002A
	}
	.dpdgroup_site .options-list {
		width: 100%;
		margin-top: 10px
	}
	.dpdgroup_site .options-list ul {
		margin: 10px 0 0;
		padding: 0
	}
	.dpdgroup_site .options-list li {
		border: 0;
		border-radius: 0;
		margin: 0 0 10px
	}
	.dpdgroup_site .options-list li:first-child {
		border-top: 0;
		border-radius: 0
	}
	.dpdgroup_site .options-list li:last-child {
		border-radius: 0
	}
	.safe-place-information {
		padding: 15px 0
	}
	.safe-place-information li {
		list-style-position: outside;
		font-size: 12px
	}
	.collect-map {
		height: 300px
	}
	.collect-directions {
		font-family: sans-serif
	}
	.collect-directions table {
		width: 100%
	}
	.adp-text {
		padding-left: 5px;
		vertical-align: middle
	}
	#focus_collect_directions div[jsselect="$this.end_address"],
	#collect_directions div[jsselect="$this.end_address"] {
		display: none
	}
	.toggle-text {
		color: #FFF;
		font-weight: 700;
		font-size: 10px;
		margin-left: 10px
	}
	.toggle-text .text {
		text-decoration: underline
	}
	.information-table th {
		text-align: left
	}
	.information-table th,
	.information-table td {
		padding: 2px 5px;
		border: 1px solid #fff
	}
	.module-body .address {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px
	}
	.address li {
		list-style: none;
		font-size: 1.2em;
		padding: 0
	}
	.form-wrapper {
		margin: auto
	}
	.form-header {
		padding: 5px 0 5px 20px!important
	}
	.form-body {
		padding: 10px 20px!important
	}
	.form-body .row {
		margin: 8px 0!important
	}
	.form-body ul {
		padding: 0 0 0 40px
	}
	.action-bar {
		padding: 10px
	}
	.time-field {
		margin-top: 10px
	}
	.contact-number {
		padding-bottom: 0
	}
	.contact-number img {
		max-width: 30px;
		padding: 3px 8px 3px 3px
	}
	.search-no-results,
	.search-paging {
		padding: 10px!important
	}
	.dpdgroup_site .message h1 {
		font-size: 1.3em
	}
	.dpdgroup_site .module-heading.panel-dpd-red {
		border-radius: 0
	}
	.dpdgroup_site .app-content .module-body {
		background: #fff
	}
	.dpdgroup_site table tr th,
	.dpdgroup_site table tr td {
		font-size: .75rem
	}
	.dpdgroup_site .row {
		width: 100%
	}
	.dpdgroup_site .form-body .column {
		margin: 0
	}
	.dpdgroup_site .form-body #validate_postcode {
		margin-top: 4px
	}
	.dpdgroup_site .section-divider {
		margin-bottom: 10px
	}
	.dpdgroup_site .panel-dpd-red .accordion-icon {
		color: #fff
	}
	.dpdgroup_site .panel-warm-grey.section-title h2,
	.dpdgroup_site .panel-warm-grey .accordion-icon {
		color: #414042
	}
	.dpdgroup_site #focus_panel.even {
		background: #fff
	}
	.dpdgroup_site #focus_panel .row {
		margin: 10px 0
	}
	.dpdgroup_site .options-list li {
		background: #E6E7E7;
		width: 49%;
		border: 0;
		border-radius: 0
	}
	.dpdgroup_site .options-list li:first-child {
		border-top: 0;
		border-radius: 0
	}
	.dpdgroup_site .options-list li:last-child {
		border-radius: 0
	}
	.dpdgroup_site .options-list img {
		max-width: 58px;
		padding: 4px
	}
	.dpdgroup_site .information-body {
		padding-left: 0
	}
	.dpdgroup_site select,
	.dpdgroup_site textarea {
		border: 1px solid #808285!important
	}
	.dpdgroup_site .section-title h2,
	.dpdgroup_site .section-title h3,
	.dpdgroup_site .module-heading h3 {
		font-size: 14px
	}
	.dpdgroup_site .row .row {
		margin: 0
	}
	.dpdgroup_site h1.information-header {
		font-size: 2em;
		margin-top: 30px
	}
	.dpdgroup_site .column.large-3 {
		width: 25%;
		position: relative;
		margin-left: 10px
	}
	.dpdgroup_site .column.large-5 {
		width: 40%;
		position: relative
	}
	.dpdgroup_site .column.large-5 {
		width: 50%;
		position: relative
	}
	.dpdgroup_site table {
		margin-bottom: 1rem
	}
	.dpdgroup_site table tr th {
		padding: .2rem .625rem
	}
	.dpdgroup_site .inline-label {
		display: inline!important
	}
	.dpdgroup_site .status-info-text {
		color: #DC0032
	}
	.dpdgroup_site .safe-place-message {
		background: #E6E7E7;
		padding: 10px!important
	}
	.dpdgroup_site .safe-place-message input[type=checkbox] {
		margin: 0!important
	}
	.dpdgroup_site .safe-place-message input[type=checkbox]+label {
		margin-left: 0!important;
		margin-right: 0!important
	}
	.dpdgroup_site .options-list li:nth-child(odd) {
		float: left!important
	}
	.dpdgroup_site .status-info-icon img {
		max-width: 100%;
		max-height: 60px
	}
	.dpdgroup_site .breadcrumb {
		margin-bottom: 10px
	}
	.dpdgroup_site .form-body [class*=column]+[class*=column]:last-child {
		float: left
	}
	.dpdgroup_site .status-icon {
		max-width: 80%;
		margin: .624em 0
	}
	.dpdgroup_site .error-message {
		padding: 10px!important
	}
	.pickup_button {
		height: 100%;
		font-size: 14px;
		font-weight: 600;
		cursor: default;
		display: table-cell;
		vertical-align: middle
	}
	#pickup_pass_navigation {
		width: 100%;
		display: table
	}
	#pickup_pass_navigation .pickup_button.module-heading {
		border-radius: 0
	}
	.dpdgroup_site #pickup_pass_navigation {
		border: solid #DC0032 2px
	}
	.interlink #pickup_pass_navigation {
		border: solid #263888 2px
	}
	.dpdgroup_site .module-heading,
	.interlink .module-heading {
		color: #fff
	}
	.dpdgroup_site .module-heading.inactive {
		background-color: #fff;
		background-image: none;
		color: #ec0933;
		cursor: pointer
	}
	.interlink .module-heading.inactive {
		background-color: #fff;
		background-image: none;
		color: #263888;
		cursor: pointer
	}
	#focus_shop_name {
		padding-top: 1.5em;
		padding-bottom: .5em
	}
	.dpdgroup-pickup-map-container {
		position: relative;
		overflow: hidden
	}
	.dpdgroup_site.dpdgroup-pickup-view-toggle {
		padding-bottom: 5px
	}
	.dpdgroup_site .app-content input,
	.dpdgroup_site .app-content textarea {
		padding: 4px
	}
	.dpdgroup_site .status-info {
		background: #E6E7E7;
		border-bottom: 0
	}
	#pickup-description {
		font-family: Arial, sans-serif, 'Helvetica Neue', Helvetica;
		margin-left: 10px;
		margin-bottom: 10px
	}
	#focus_pickup_pass .pickup-pass-qr-code {
		padding: 2em;
		text-align: center
	}
	#pickup_pass_print {
		margin-bottom: 1em;
		text-transform: none
	}
	img.address_pin {
		margin-left: 20px;
		margin-bottom: 10px;
		vertical-align: baseline
	}
	.red {
		color: #DC0032
	}
	.print-show {
		display: none
	}
	.dpdgroup_site .inactive .arrow {
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #dc0032;
		border-top: 0
	}
	.dpdgroup_site .inactive .arrow .arrow-overlay {
		padding-top: 28px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #fff;
		border-top: 0;
		margin-left: -20px
	}
	.dpdgroup_site .arrow {
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #fff
	}
	.dpdgroup_site .arrow .arrow-overlay {
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #dc0032;
		margin-top: -24px;
		margin-left: -20px
	}
	.interlink .inactive .arrow {
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #253785;
		border-top: 0
	}
	.interlink .inactive .arrow .arrow-overlay {
		padding-top: 28px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #fff;
		border-top: 0;
		margin-left: -20px
	}
	.interlink .arrow {
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #fff
	}
	.interlink .arrow .arrow-overlay {
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #253785;
		margin-top: -24px;
		margin-left: -20px
	}
	.dpdgroup_site .focus-colour {
		color: #DC0032
	}
	.interlink .focus-colour {
		color: #263888
	}
	img.inline-image {
		margin-top: .5em;
		margin-right: 1em;
		margin-left: 0;
		margin-bottom: .5em
	}
	#focus_pickup_pass .pickup-content {
		border: 1px #fff solid;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px
	}
	.interlink #focus_pickup_pass .pickup-content {
		box-sizing: border-box;
		border: 0
	}
	.interlink .hide {
		display: none!important;
		visibility: hidden
	}
	.interlink .preLoadPickupFont {
		width: 0!important;
		height: 0!important;
		visibility: hidden;
		font-family: PlutoSansDPD, "Arial,Helvetica Neue", Helvetica, Roboto
	}
	.interlink #pickup_pass_code,
	.interlink #pickup_pass_directions {
		padding: 10px
	}
	.interlink #focus_pickup_pass h5 {
		font-size: 1.5em;
		color: #000
	}
	#focus_pickup_pass b {
		color: #000
	}
	[data-dpdgroup-pickup-pickupmap] {
		background-color: #FFF
	}
	.dpdgroup_site.dpdgroup-pickup-map {
		width: 91.6666666667%
	}
	.dpdgroup_site.dpdgroup-pickup-location-filter .accordion dd {
		margin-bottom: 0!important
	}
	#pickup_pass_voucher {
		margin-bottom: 5px
	}
	div#pickup_pass_voucher img {
		margin-bottom: 10px
	}
}

@media only screen and (min-width:600px) and (max-width:768px) {
	.hide-mini {
		display: none!important
	}
	.dpdgroup_site .options-list a {
		font-size: .8em
	}
	.dpdgroup_site .options-list li {
		width: 100%!important
	}
}

@media only screen and (min-width:600px) {
	.information-header {
		font-size: 1.6em
	}
}

@media only screen and (min-width:768px) and (max-width:992px) {
	.hide-medium {
		display: none!important
	}
	.dpdgroup_site .options-list a {
		font-size: .8em
	}
	.dpdgroup_site .safe-place-information {
		float: right!important;
		width: 40%
	}
}

@media only screen and (min-width:768px) {
	.main-app-content {
		float: right
	}
	.app-content .module-heading {
		border-radius: 10px 0 0
	}
	.status-title {
		display: table-cell;
		font-size: 16px;
		margin-left: 9px;
		min-height: 44px;
		padding-left: 65px;
		vertical-align: middle;
		width: 25%
	}
	.dpd .status-title {
		background: url("") 8px center no-repeat
	}
	.interlink .status-title {
		background: url("") 8px center no-repeat
	}
	.status-text {
		border-left: 1px solid #fff;
		font-size: 15px;
		font-weight: 600;
		padding: 5px 10px
	}
	.customer-logo img {
		max-width: 85px;
		max-height: 50px
	}
	.status-info {
		font-size: 15px
	}
	.status-info-icon {
		width: 40px
	}
	.map-container {
		float: right;
		margin: 0;
		padding: 5px;
		border-left: 1px solid #fff
	}
	.map {
		height: 370px;
		border: 0
	}
	.marker {
		float: none
	}
	.marker-key {
		padding-left: 0;
		width: 53px
	}
	.options-list {
		width: 100%
	}
	.options-list ul {
		padding: .625em
	}
	.options-list li {
		margin: 3px 0;
		border-top: 1px solid #DDEAF5
	}
	.options-list li:nth-child(odd) {
		border-radius: 10px 0 0 10px
	}
	.options-list li:nth-child(even) {
		border-radius: 0 10px 10px 0;
		border-left: 0
	}
	.safe-place-information {
		padding: 5px 0 5px 15px
	}
	.collect-map {
		height: 500px
	}
	.collect-directions {
		height: 500px;
		overflow-y: auto
	}
	.dpdgroup_site .fmp-wrapper {
		padding: 0 10px!important
	}
	.dpdgroup_site .collect-directions {
		width: 49%!important;
		float: right!important
	}
	.dpdgroup_site .options-list ul {
		margin: 10px 0 0;
		padding: 0
	}
	.dpdgroup_site .options-list li {
		width: 49%;
		border: 0;
		border-radius: 0
	}
	.dpdgroup_site .options-list li:first-child {
		border-top: 0;
		border-radius: 0
	}
	.dpdgroup_site .options-list li:last-child {
		border-radius: 0
	}
	.dpdgroup_site .map-container {
		float: right;
		padding-right: 0
	}
	.dpdgroup_site .options-list li:nth-child(even) {
		border-left: 0;
		float: right
	}
	.dpdgroup_site .app-content .module-heading h3 {
		padding: 3px 0 3px 5px!important
	}
	.dpdgroup_site .section-title h2 {
		padding: 3px 8px!important
	}
	.time-field {
		margin-top: 0
	}
}

@media only screen and (min-width:992px) {
	.hide-large {
		display: none!important
	}
	.status-text {
		font-size: 16px
	}
	.customer-logo img {
		max-width: 100px;
		max-height: 52px
	}
	.issue-alert h1 {
		font-size: 1.3em
	}
	.issue-information em {
		font-size: 1em
	}
	.information-header {
		font-size: 1.8em
	}
	.status-icon {
		max-width: 120px
	}
	.marker-key {
		padding-left: 10px;
		width: 58px
	}
	.adp-placemark {
		margin-top: 0
	}
	.form-body ul {
		padding: 0 0 0 40px
	}
	.action-bar {
		text-align: left;
		width: 100%
	}
	.column,
	.columns {
		padding-right: .625em
	}
	#focus_pickup_pass .pickup-pass-qr-code {
		padding: 3em;
		text-align: center
	}
	[data-dpdgroup-pickup-showpickuplocationsranked] {
		overflow-y: scroll;
		height: 496px
	}
	.dpdgroup-pickup-view-toggle {
		display: none
	}
	.dpdgroup-pickup-map-container .dpdgroup-pickup-map-overlay {
		float: right
	}
	.dpdgroup_site.dpdgroup-pickup-map {
		width: 100%
	}
}

@media only screen and (max-width:600px) {
	.app-content input[type=text]:focus,
	.app-content textarea:focus,
	.app-content select:focus {
		font-size: 16px
	}
}

.app-content label {
	color: #666;
	display: block;
	font-weight: 600;
	margin-top: 3px;
	margin-bottom: 3px
}

.app-content .inline-label {
	display: inline
}

.app-content .information-label {
	font-weight: 400
}

.app-content input,
.app-content textarea,
.app-content select {
	border: 1px solid #a7a7a7;
	color: #555;
	width: 100%
}

.app-content input,
.app-content textarea {
	padding: 2px
}

.app-content input[type=radio],
.app-content input[type=checkbox] {
	border: 0;
	max-width: 20px
}

.app-content input[type=submit],
.app-content button {
	text-transform: uppercase;
	font-weight: 400;
	margin: 0;
	padding: 6px 12px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.app-content .submit_button {
	font-weight: 600;
	padding: 0;
	padding-right: 20px;
	text-transform: none
}

.app-content .back_button {
	background: url("") no-repeat left;
	border: 0;
	color: #666;
	font-weight: 600;
	height: 16px;
	cursor: pointer;
	padding: 0;
	padding-left: 20px;
	text-transform: none
}

.app-content .blue,
.interlink .interlink-blue {
	background: #009adf;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 154, 223, 1)), color-stop(100%, rgba(0, 154, 223, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 154, 223, 1) 0, rgba(0, 154, 223, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 154, 223, 1) 0, rgba(0, 154, 223, 1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 154, 223, 1) 0, rgba(0, 154, 223, 11) 100%);
	background: linear-gradient(to bottom, rgba(0, 154, 223, 1) 0, rgba(0, 154, 223, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#779BEC', endColorstr='#009adf', GradientType=0);
	color: #fdfdfd;
	border: 1px solid #009adf
}

.app-content .grey {
	background: #DEDEDE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 245, 245, 1)), color-stop(100%, rgba(217, 217, 217, 1)));
	background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0, rgba(217, 217, 217, 1) 100%);
	background: -o-linear-gradient(top, rgba(245, 245, 245, 1) 0, rgba(217, 217, 217, 1) 100%);
	background: -ms-linear-gradient(top, rgba(245, 245, 245, 1) 0, rgba(217, 217, 217, 1) 100%);
	background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0, rgba(217, 217, 217, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#D9D9D9', GradientType=0);
	color: #666;
	border: 1px solid #DEDEDE
}

.dpdgroup_site .app-content input[type=submit],
.dpdgroup_site .app-content button {
	text-transform: capitalize;
	font-weight: 400;
	margin: 0;
	padding: 10px 30px;
	-webkit-border-radius: 0;
	border-radius: 0
}

.dpdgroup_site .app-content .grey {
	filter: none
}

@media only screen and (min-width:991px) and (max-width:1028px) {
	.hide-poly {
		display: none!important
	}
	.dpdgroup-pickup-view-toggle {
		display: block
	}
}

@media only screen and (min-width:600px) and (max-width:641px) {
	.dpdgroup_site .module-body.out-for-delivery-view {
		display: -webkit-box;
		-webkit-box-orient: vertical
	}
	.dpdgroup_site .module-body.out-for-delivery-view #options_panel {
		height: 100%;
		-webkit-box-ordinal-group: 1
	}
	.dpdgroup_site .module-body.out-for-delivery-view #focus_panel {
		height: 100%;
		-webkit-box-ordinal-group: 2
	}
	.dpdgroup_site .module-body.out-for-delivery-view #history_panel {
		height: 100%;
		-webkit-box-ordinal-group: 3
	}
	.dpdgroup_site .module-body.out-for-delivery-view #information_panel {
		height: 100%;
		-webkit-box-ordinal-group: 4
	}
}