/* HTML5 Boilerplate

 * ==|== normalize ==========================================================

 */



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }



html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font:62.5%/1.5em 'Open Sans', Arial, sans-serif;}

.ie8 body { margin: 0; font:62.5%/1.5em Arial, sans-serif;}

body, button, input, select, textarea { font-family: 'Open Sans', sans-serif; color: #222; }

.ie8 body, .ie8 button, .ie8 input, .ie8 select, .ie8 textarea { font-family: sans-serif; color: #222; }


::-moz-selection { background: #000; color: #fff; text-shadow: none; }

::selection { background: #000; color: #fff; text-shadow: none; }



a { color: #009fda; }

a:visited { color: #009fda; }

a:hover { /*color: #e68012;*/ }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }



abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }
.newquote-price small{font-size:32%; color: #7D7D7D; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

ol { font-size: 13px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol, ul.user { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }



form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; display: inline-block; vertical-align: middle; padding: 5px;}

legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }

table button, table input { *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; vertical-align: middle;}

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }

input:invalid, textarea:invalid { background-color: #f0dddd; }

input[type=checkbox]{display: inline;}

table { border-collapse: collapse; border-spacing: 0; }

/*td { vertical-align: top; }*/

.placeholder { color: #888888; }



/* =================================================== */



/*body{ font:62.5%/1.5em font-family: 'Open Sans', Arial, sans-serif; }*/



.wrapper{

	width:90%;

	margin:0 5%;

}

/*.no-touch .wrapper{width: 976px;}*/



/* Mac CSS --------------------------------------------------*/


/*
::-webkit-scrollbar {

	-webkit-appearance: none;

	width: 7px;

}

::-webkit-scrollbar-thumb {

	border-radius: 4px;

	background-color: rgba(0,0,0,.5);

	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);

}
*/



/* ===================/ALL: Default Theme\=================== */

#footer-container{ }

#main aside      { }

.testSiteOnly{
	
	padding:40px;
	background:red;
	color: #fff;
	font-size: 1.0rem;
	font-weight:bold;
	font-family: sans-serif;
	display:block;
	text-align: center;
	
}   
.testSiteOnly h1{text-align:center;}
.testSiteOnly a h1{ color: #fff; text-decoration:none; }

/* BS sync - play nicely together */
#discount .modal-content {
	padding:20px;
	color: #000; 
}
#discount .dialog-wrapper p,#discount .dialog-wrapper label {
	color: #000;
}

#seaFreightModal .modal-body p {
  padding-left: 14px;
  font-size: 14px;
}

#seaFreightModal .modal_sea_heading {
  width: 100%;
  margin-bottom: 9px;
}

.pullBox {
    background: #2E2E35;
    padding: 20px 28px;
    color: #EAEAEA;
    margin-top:15px;
}
.pullBox.bottomSpace{
	margin-bottom:25px;	
}

#newdropoff .pullBox h2, #newdropoff .pullBox h3, #newdropoff .pullBox h4{color:#fff; padding:0; margin:10px 0 15px 0; font-family:sans-serif; text-align: center;}
.txtCtr{
	text-align: center;
}
.pullBox .cta{
	display:block;
	padding:15px;
	background:#61f9d6;
	text-align:center;
	font-size:14pt;
	margin-bottom:10px;
	margin-top:15px;
	text-decoration: none;
	color:#2E2E35!important;
	font-family: sans-serif;
}
.pullBox .cta:hover{
	
	background: #EAEAEA;
	color: #2E2E35!important;
	
}


.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.lightpad {
	padding: 4px;
}
.bold {
	font-style: bold;
	font-weight: 600;
}
.slightlysmaller, .wrapper p.slightlysmaller {
	font-size:0.8rem;
}



/* pullbox new services */
	.homeTop{
		max-width: 960px;
		margin:0 auto;
		transform: scale(0.85);
	}
	.homeTop .oneThird{
	  width: 38%;
	  margin-right:1%;
	  float:left;
	}
	.homeTop .twoThirds{
	  width: 61%;
	  float:left;
	}
	
	.homeTop{
		
	}
	.homeTop .shim{
		margin-top:15px;
	}
	.homeTop p{
		padding-bottom: 10px;
	    font-size: 1.6em;
	    line-height: 30px;
	    padding: 0;
	    margin: 0;
	}
	.header-content .homeTop h1{
		float: initial;
		font-size: 3em;
		color: #309fe4;
		font-size: 3em;
		line-height: initial;
	}
	.pullBoxHome {
		background: #fff;
	  font-family: Helvetica, sans-serif;
	  color: #515a5f;
	}
	.pullBoxHome .top{
	  /*max-height: 120px;*/
	}
	.pullBoxHome .top img {
	    /*
	    margin: 15px 0 0 20px;
	    background: #f00544;
	    max-width: 80%;
	    */
	   
		 background: #ffffff;
   		 max-width: 80%;
   		 padding: 15px;
		

	}
	
	.pullBoxHome .top p {
	    padding: 5px 10px;
	    font-family: Helvetica, sans-serif;
	    font-style: oblique;
	    font-weight: bold;
	    font-size: 1.18em;
	    line-height: 16px;
	    margin-top: 10px;
	    margin-right: 10px;
	}

	/*
	.pullBoxHome .top p {
	  padding: 10px;
	  font-family: Helvetica, sans-serif;
	  font-style: oblique;
	  font-weight: bold;
	  font-size: 1.8em;
	  line-height: 21px;
	  margin-top: 10px;
	  margin-right: 10px;
	}
	*/
	.pullBoxHome .spotColor {
	  color: #f00544;
	}
	
	.pullBoxHome .bottom {
	  background: #515a5f;
	  color: #fff;
	}
	
	.pullBoxHome .bottom p {
	  padding: 10px;
	  font-weight: bold;
	  font-size: 1.3em;
	  line-height: 20px;
	}
	
	.pullBoxHome .halfWidth {
	  width: 50%;
	  float: left;
	}
	
	.pullBoxHome .rightAlign {
	  text-align: left;
	}
	 
	.pullBoxHome .clear, .homeTop .clearfix {
	  clear: both;
	  height: 0px;
	}

	
	/* end pullbox new services */

	/* banner pos Nov 2018 */
	section.pos {
		display:none!important;
	}

	section.pos.show_pos {
		display:block!important;
		text-align: center;
	}
	section.pos.show_pos img {
		max-width:100%;
		border: 4px solid #d8e1e8;
	}
	section.pos.show_pos.pallets img {
		max-width:100%;
		border:0px;
	}

	section.pos.show_pos.pallets ul li {
		font-size:1.5rem;
		font-style: bold;
	}

	.highlightPosService {
		border: 3px solid rgba(98, 180, 255, 0.86)!important;
	}
   

#header-container{padding-bottom: 20px;}

#footer-container{background:#1e1e1e; color: #fff; border-top: 4px solid #01a0db;}



#title{ color:white; }



::-moz-selection { background: #000; color: #fff; text-shadow: none; }

::selection      { background: #000; color: #fff; text-shadow: none; }



/* ----------- Colors ------------ */

.darkgray{background-color: #2f393e; color: #fff;}



article ul{padding: 0 0 0 20px;list-style: square; font-size: 1.3em; line-height: 2em;}

ul.style1{list-style: none;padding: 0;}

ul.style1 li{padding:0 0 0 20px; background: url(https://www.p4d.co.uk/img/list-bg.png) 0 10px no-repeat;}

p{padding-bottom: 10px;}

h2{
	font-size: 2.0em;
	line-height: 1em;
	font-weight: 500;
	color: #525970;
	margin: 0.8em 0 0.2em;
	padding: 5px 0;

}

h2 span{color: #a1a1a1; padding: 0 10px;}

h2.underlined{border-bottom: 1px solid #333c41;}

h3{font-size: 2em;line-height: 1em; font-weight: 500; color: #009fda; margin: 1em 0 0.2em; padding: 4px 0; }

h4{font-size: 1.8em;line-height: 1em; font-weight: 500; color: #969696; margin: 1em 0 0.2em; padding: 2px 0; }

h5{font-size: 1.4em;line-height: 1em; font-weight: 700; color: #969696; margin: 1em 0 0.2em; padding: 2px 0; text-transform: uppercase;}



.ie7 input.ui-input-text, .ie7 textarea.ui-input-text{width:97%;}

.wrapper p.smaller{ font-family: Arial; font-size: 1.3em;}



.wrapper .subh2{font-size: 1.8em; font-weight: 500; font-style: italic; color: #969696}

.wrapper .subh3{font-size: 1.8em; font-weight: 500; font-style: italic; color: #969696}

.wrapper .subh4{font-size: 1.6em; font-weight: 500; font-style: italic; color: #969696}

.wrapper .subh5{font-size: 1.6em; font-weight: 500; font-style: italic; color: #969696}



span.quote{ display: block; font-size: 3em; font-style: italic; font-weight: 200; color: #e37c0e;}

span.quote.right{ width: auto; line-height: 1em; padding-bottom: 10px;}



[data-theme="a"] .ui-collapsible-inset .ui-collapsible-content{border: 1px solid #2373A5; border-width: 0 1px;}

[data-theme="b"] .ui-collapsible-inset .ui-collapsible-content{border: 1px solid #044062; border-width: 0 1px;}

[data-theme="c"] .ui-collapsible-inset .ui-collapsible-content{border: 1px solid #cccccc; border-width: 0 1px;}

[data-theme="d"] .ui-collapsible-inset .ui-collapsible-content{border: 1px solid #BBBBBB; border-width: 0 1px;}

.ui-collapsible-set .ui-collapsible-inset:last-child .ui-collapsible-content{border-width: 0 1px 1px;}



.separator{background: url(https://www.p4d.co.uk/img/separator-bg.png) 50% 0 repeat-x; height: 8px; margin: 15px 0;}



.twocol{float: left; width: 50%;}

.twocol.left, .twocol.first{padding-right: 2%; width: 48%;}

.twocol.right, .twocol.second{padding-left: 2%; width: 48%;}



.threecol{float: left; width: 33%;}

.threecol.first{width: 32%;}

.threecol.second{width: 32%; padding: 0 2%; min-height: 5px;height: auto!important;height: 5px;}

.threecol.third{width: 32%;}

.highlight1{ background-color: #cff0fd;}

.highlight2{ background-color: #e7f3c2;}

.highlight3{ background-color: #fff0ba;}

.ui-loading .ui-loader{display: none;}

label.error{text-shadow:none; font-size: 1.2em; color: #000;}

p.requoteMessage:empty{display: none;}
p.requoteMessage{
	color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.dimFields .input-group {
	float: left;
	width: 25%;
}
.afterDimFields {
	clear: both;
}


::-webkit-input-placeholder 	{color: #8e8e8e;	/* WebKit browsers */}

:-moz-placeholder 						{color: #8e8e8e;	/* Mozilla Firefox 4 to 18 */}

::-moz-placeholder 						{color: #8e8e8e; /* Mozilla Firefox 19+ */}

:-ms-input-placeholder 				{color: #8e8e8e;	/* Internet Explorer 10+ */}



.hide{display: none!important;}

/* ===================\ALL: Default Theme/=================== */





/* ==============/ 1.MOBILE: below 480px \============== */

/*body, body.ui-mobile-viewport, div.ui-mobile-viewport{background:url("https://www.p4d.co.uk/img/world.png") no-repeat scroll 50% 0 #E1ECF0;}*/

body.ui-body-c, body.ui-overlay-c, body.ui-overlay-a{background: #e2edf1 url(https://www.p4d.co.uk/img/bg-body.jpg) 50% 0 repeat;}

.pagebg, .pagebg.ui-body-c{
	/*background: url(https://www.p4d.co.uk/img/world.png) 50% 0 no-repeat; */
	background: #ececec;
} 

.ie7 .ui-body-a, .ie7 .ui-overlay-a{color: #666;}

.ie7 .ui-body-a input, .ie7 .ui-body-b input, .ie7 .ui-body-c input, .ie7 .ui-body-d input, .ie7 input, .ie7 select, .ie7 textarea,



.ie8 .ui-body-a input, .ie8 .ui-body-b input, .ie8 .ui-body-c input, .ie8 .ui-body-d input, .ie8 input, .ie8 select, .ie8 textarea { font-family: Arial, sans-serif; }

/*.ie7 .ui-btn-icon-left > .ui-btn-inner > .ui-icon, 

.ie7 .ui-btn-icon-right > .ui-btn-inner > .ui-icon{ width: 28px; height: 28px; top: 35%;}

.ie7 .ui-icon-plus{background-position: -5px 50%;}

.ie7 .ui-icon-minus{background-position: -77px 50%;}

.ie7 .ui-icon-back{background-position: -795px 50%;}

.ie7 .ui-icon-delete{background-position: -155px 50%;}*/

/* -------------- MOBILE: Menu -------------- */

button, input, select, textarea{padding: 10px; font-size: 1.4em;border:0px; border-radius: 2px;}

/*.header-nav {height: 50px;}*/

.header-nav{
	margin-bottom: 45px; border-bottom: 1px solid #fff; width: 100%;
	/*
	festive: 
		background:url(https://www.p4d.co.uk/img/snowflake-tile-dark.png); */
	background: #293338; 
} 

.navbar.p4d_nav {
    border-radius: 0!important;
    position: initial!important;
    float: none!important;
    width: 100%!important;
    padding: 0!important;
    border-radius:0!important;
    display: block!important;
}
.p4d_nav
{
	background: #293338;
}
.p4d_nav .navbar-inverse {
	background: initial;
}

.p4d_nav .nav-tabs ul li {
	position: relative;
}

.p4d_nav .navbar-brand {
	/*display: block;
    position: absolute;
    padding: 0;*/
    padding: 0;
}
.p4d_nav .navbar-brand img {
	height: 50px;
	margin-right: 25px;
	/*height: 60px;
		position: relative;
		box-shadow: 0px 2px 6px darkgrey;*/
}


.header-nav .wrapper {width: 94%; margin: 0 3%;}

.header-nav header{padding-bottom: 7px; position: relative;}

.header-nav #title{margin: 0;position: absolute; z-index: 1;}

.header-nav a#title{display:block; float:left; width: 100px; height: 52px; background:#ffffff; content: ""; box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.5);}

.header-nav a#title img{ width: 100%; box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.5);}

.ie7 .header-nav a#title img,

.ie8 .header-nav a#title img{ width: 100%; border-bottom: 1px solid #626c73;}



.togglers {float: right; padding-top: 7px;}

.togglers.logged {padding-right: 46%;}

.togglers a{display: block; float: left; border-radius: 2px;  }

.togglers .menu{width: 24px; height: 24px;margin: 0; background-position: 0 0; background: url(https://www.p4d.co.uk/img/icons-min.png) -4px -4px no-repeat; text-indent: -9999em; border:1px solid #83898b;}

.togglers .menu.active{background-position: -4px -37px; border-color: #fff; }



.togglers a.login, .togglers a.register{width: auto; margin-left: 7px; margin-top: 1px; height: 24px; line-height: 24px; padding: 0 6px; font-size: 1.1em; font-weight: 400; text-transform: uppercase; text-decoration:none;  color: #fff; border:0px none; text-shadow: 0px 0px 1px #000;}

.togglers a.login:hover, .togglers a.register:hover{background-position: 0 -24px;}

.togglers .login{background-position: -36px 0;}

.togglers .login.active{background-position: -36px -33px; background-color: #ff7200; border-color: #fff; }



.togglers a.basket{width: 24px; height: 24px;margin:0 0 0 7px; background-position: 0 0; background: url(https://www.p4d.co.uk/img/icon-basket.png) 0px 1px no-repeat; text-indent: -9999em; border:1px solid #83898B;/* #293338;*/}

.togglers .loggedin a.basket{float: right;margin: 0 7px 0 0; }

.togglers a.basket:hover{border-color: #fff;}



.togglers a.user{width: 24px; height: 24px;margin:0 0 0 20%; background-position: 0 0; background: url(https://www.p4d.co.uk/img/icon-user.png) 0px 1px no-repeat; text-indent: -9999em; border:1px solid #83898B;}





.togglers .register{background-position: -72px 0; display: none;}

.togglers .register.active{background-position: -72px -33px; background-color: #5e9320; border-color: #fff; }

.togglers .ui-btn-inner{border:0px none; }



.togglers .ui-btn-inner { font-size: 1em;}

.togglers .login, .togglers .logout, .togglers .account { background: url(https://www.p4d.co.uk/img/btn-orange.png) 0 0 repeat-x; text-indent: inherit; }

.togglers .ui-btn-inner{min-width: inherit; padding: 0;}

.togglers .ui-btn-text{padding:1px 0 0 18px; background: url(https://www.p4d.co.uk/img/ico-login.png) 0 0 no-repeat; color:#ffffff;}

.togglers .register:link, .togglers .register:visited { background: url(https://www.p4d.co.uk/img/btn-green.png) 0 0 repeat-x; text-indent: inherit; color: #ffffff; }

.togglers .register span{ padding:1px 0 0 18px; background: url(https://www.p4d.co.uk/img/ico-register.png) 0 0 no-repeat; }

.togglers .register.active{background-position: -72px -48px; background-color: #5e9320; border-color: #fff; }



.loggedin {padding: 8px 2%; width:40%; float:left;position: absolute; margin: -7px 0 0 10px; right: 0; z-index: 1000; color: #ffffff; background:transparent;}

.loggedin p{display: none; font-size: 1em; clear: right;}

.loggedin p span{ display: block; font-weight:bold;}

.loggedin .frame3{display: none;}



.loggedin.active { background: #069dd5 url(https://www.p4d.co.uk/img/userpanel.png) 0 0 repeat-x;  box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5);}

.loggedin.active p{ display: block; padding: 5px 0;}

.loggedin.active .frame3{ display: block;}

.loggedin.active a.user,

.loggedin.active a.basket{ border-color: #b1dbea;}



nav{display: none; padding-top:60px;}

nav a, .ui-body-c nav .ui-link:link, .ui-body-c nav .ui-link:visited{

	display:block;

	margin-bottom:2%;

	padding:4% 0;

	background:#3F494E;

	color:white;

	text-align:center;

	text-decoration:none;

	font-size: 1.4em;

	border-radius: 2px;

	text-shadow:none;

	white-space: nowrap;

}

nav a:hover, nav a:visited{	color:white;}

nav a:hover{text-decoration:underline;}



.loggedout{float: left;}

form input[type=checkbox]{ display:inline;}



.btn1, .btn1:link, .btn1:visited{ border-radius: 2px; border:1px solid #2f393e; padding: 5px 10px;}

/*.btn1:hover, .ui-btn-inner:hover{border:0px;}*/



.btn2, .btn2:visited, .btn2.ui-link:link, .btn2.ui-link:visited{border-radius: 2px; border:1px solid #a65a09; padding:8px;/* 9px 20px;*/ display: inline-block; font-size: 1.4em; text-decoration: none; color: #fff; background: #da7100 url(https://www.p4d.co.uk/img/btn2.png) 0 0 repeat-x;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5); }

.btn2:hover, .btn2.ui-link:hover{background-position: 0 -44px; color: #fff;}

.tab .btn2:hover{box-shadow: 0 0 0 4px #016293;}

.frame3 .btn2:link, .frame3 .btn2:visited{padding: 6px 20px;font-size:1.6em; color:#ffffff; line-height: 1.5em; border:0px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);}

form .btn2{margin: 0.5em;}

form .frame2 .btn2, .tab form .btn2, .ui-btn .btn2{margin: 0;}

/*button.btn2{background: #fff;}*/



.btn3, .btn3:link, .btn3:visited{border-radius: 2px; border:0px; padding: 2px; display: inline-block;     font-size: 1.2em; line-height: 1.5em; text-decoration: none; color: #fff; background: #da7100 url(https://www.p4d.co.uk/img/btn3.png) 0 0 repeat-x;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5); }

.btn3:hover, .btn3.ui-link:hover{background-position: 0 -40px; color: #fff}

/*.btn3.ui-btn-up-c{background:green; background:linear-gradient(#8fc166, #5a9c24) repeat scroll 0 0 #61a42c;}*/

.btn3 img{margin-right: 10px;}



.btn4, .btn4:link, .btn4:visited{border-radius: 2px; padding:4px 8px;/* 9px 20px;*/ display: inline-block; font-size: 1.1em; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #fff; background: #da7100 url(https://www.p4d.co.uk/img/btn2.png) 0 0 repeat-x;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5); }

.btn4:hover{background-position: 0 -44px; color: #fff;}

img.icon-question, img.icon-funds {width:18px;}

.btn4.red, .red.ui-link:link, .red.ui-link:visited{color: #8f2424; background: #df5f5f url(https://www.p4d.co.uk/img/btn-bg-red.png) 0 0 repeat-x;}

.btn4.orange, .orange.ui-link:link, .orange.ui-link:visited{color: #863900; background: #f16803 url(https://www.p4d.co.uk/img/btn-bg-orange.png) 0 0 repeat-x;}

.btn4.yellow, .yellow.ui-link:link, .yellow.ui-link:visited{color: #a47000; background: #e1a524 url(https://www.p4d.co.uk/img/btn-bg-yellow.png) 0 0 repeat-x;}

.btn4.green, .green.ui-link:link, .green.ui-link:visited{color: #46721e; background: #6c9f3f url(https://www.p4d.co.uk/img/btn-bg-green.png) 0 0 repeat-x;}



.btn5, .btn5.ui-link:link, .btn5.ui-link:visited,

.ui-dialog .dialog-wrapper .btn5:link,

.ui-dialog .dialog-wrapper .btn5:visited{border-radius: 2px; border:1px solid #006a98; padding:8px; display: inline-block; font-size: 1.4em; text-align: center; text-decoration: none; color: #fff; background: #0381b1 url(https://www.p4d.co.uk/img/btn5.png) 0 -1px repeat-x;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5); }

.btn5:hover, .btn5.ui-link:hover, .ui-dialog .dialog-wrapper .btn5:hover{background-position: 0 -49px; background-color: #039bd3; }



.btn6, .btn6:link, .btn6:visited, 

.btn6.ui-link:link, .btn6.ui-link:visited,

.ui-dialog .dialog-wrapper .btn6:link, .ui-dialog .dialog-wrapper .btn6:visited{border-radius: 2px; border:1px solid #333333; padding:8px; display: inline-block; font-size: 1.4em; text-align: center; text-decoration: none; color: #fff; background: #2E383C; background:linear-gradient(#2E383C, #2E383C) repeat scroll 0 0 #2E383C;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5); }

.ui-btn-up-f, .ui-dialog .dialog-wrapper .ui-btn-up-f{border:1px solid #333333; background: #2E383C; background:linear-gradient(#2E383C, #2E383C) repeat scroll 0 0 #2E383C; color: #fff}

.btn6:hover, .btn6.ui-link:hover, .ui-btn-hover-f, .ui-dialog .dialog-wrapper .btn6:hover{border:1px solid #333333; background: #3b464a; background:linear-gradient(#404b4f, #3b464a) repeat scroll 0 0 #3b464a; color: #ffffff;}



.btn7, .btn7:link, .btn7:visited, 

.btn7.ui-link:link, .btn7.ui-link:visited,

.ui-dialog .dialog-wrapper .btn7:link,

.ui-dialog .dialog-wrapper .btn7:visited{border-radius: 2px;  padding:8px; display: inline-block; font-size: 1.4em; text-align: center; text-decoration: none; color: #fff; background: #00b8ff; background:linear-gradient(#00b8ff, #00b8ff) repeat scroll 0 0 #00b8ff;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5); }

.ui-btn-up-g, .ui-dialog .dialog-wrapper .ui-btn-up-g{border:1px solid #438601; color: #fff; background: #5d9f27; background:linear-gradient(#6bae36, #5d9f27) repeat scroll 0 0 #5d9f27;}

.btn7:hover, .ui-dialog a.btn7:hover, 

.btn7.ui-link:hover, .ui-btn-hover-g,

.ui-dialog .dialog-wrapper .btn7:hover{ 
	    /* border: 1px solid #438601; */
    background: #109dd4;
    /* background: #7fc249; */
    /* background: linear-gradient(#8acd53, #7fc249) repeat scroll 0 0 #7fc249; */
    color: #fff;
	}



.btn8, .btn8:link, .btn8:visited, 

.btn8.ui-link:link, .btn8.ui-link:visited,

.ui-dialog .dialog-wrapper .btn8:link,

.ui-dialog .dialog-wrapper .btn8:visited{border-radius: 2px; border:1px solid #6c0000; padding:8px; display: inline-block; font-size: 1.4em; text-align: center; text-decoration: none; color: #fff; background: #910000; background:linear-gradient(#de0808, #910000) repeat scroll 0 0 #910000;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5); }

.ui-btn-up-h, .ui-dialog .dialog-wrapper .ui-btn-up-h{border:1px solid #6c0000; color: #fff; background: #910000; background:linear-gradient(#de0808, #910000) repeat scroll 0 0 #910000;}

.btn8:hover, .btn8.ui-link:hover, .ui-btn-hover-h, .ui-dialog .dialog-wrapper .btn8:hover{ border:1px solid #6c0000; background: #b5301b; background:linear-gradient(#f32e19, #b5301b) repeat scroll 0 0 #b5301b; color: #fff;}

.btn9, .btn9:link, .btn9:visited, 
.btn9.ui-link:link, .btn9.ui-link:visited,
.ui-dialog .dialog-wrapper .btn9:link,
.ui-dialog .dialog-wrapper .btn9:visited{border-radius: 2px; border:1px solid #438601; padding:8px; display: inline-block; font-size: 1.4em; text-align: center; text-decoration: none; color: #fff; background:linear-gradient(#f49112, #e88112) repeat scroll 0 0 #ff8400;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5); }
.btn9:hover, .ui-dialog a.btn9:hover, 
.btn9.ui-link:hover, .ui-btn-hover-g,
.ui-dialog .dialog-wrapper .btn9:hover{ border:1px solid #438601; background:linear-gradient(#fea131, #fc9213) repeat scroll 0 0 #fc9213; color: #fff;}



.btn-del{display: inline-block; width: 32px; height: 32px; background: url(https://www.p4d.co.uk/img/btn-delete.png) 0 0 repeat-x; border:0px; border-radius: 2px; /*text-indent: -9999em;*/ 

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;}

.btn-del:hover{background-position: 0 -32px; border-color: #000;}

.ie7 .btn-del{display: block;}



.btn-update, .btn-delete{float: right; width: 26px;height: 26px;margin: 20px 3px 0;  text-decoration: none; overflow: hidden; text-indent: -9999em;}

.btn-update{background: url(https://www.p4d.co.uk/img/icon-refresh.png) 0 0 no-repeat;}

.btn-delete{background: url(https://www.p4d.co.uk/img/icon-delete.png) 0 0 no-repeat;}

.btn-update:hover, .btn-delete:hover{background-position: 0 -26px;}



span.ui-btn-inner{white-space:normal;}

.frame2{padding: 4px; border-radius: 2px; background: url(https://www.p4d.co.uk/img/frame2.png) 0 0 repeat-x; box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.5);}





.frame3{ display:inline-block; padding: 4px; border-radius: 2px;vertical-align: middle; /* background: url(https://www.p4d.co.uk/img/frame3.png) 0 0 repeat-x; box-shadow: 0px 3px 0px -2px rgba(44, 170, 217, 0.8); */}

.frame3 .ui-btn{margin: 0; border-width: 0px;}

/*.frame3*/ .ui-btn-inner span{padding: 0;}

/*.frame3*/ .ui-btn-up-d .ui-btn-inner{background: #da7100 url(https://www.p4d.co.uk/img/btn2.png) 0 0 repeat-x; border-width: 0px; border-radius: 2px; color: #fff; overflow: visible;}

/*.frame3*/ .ui-btn-hover-d .ui-btn-inner{background: #ff0000 url(https://www.p4d.co.uk/img/btn2.png) 0 -44px repeat-x; border:0px; border-radius: 2px; color: #fff;}

/*.frame3*/ .ui-btn-text{text-shadow:none; font-weight: 400;}

.ui-checkbox .ui-btn-icon-left .ui-btn-inner, 

.ui-radio .ui-btn-inner{background: transparent; color: #333; text-transform: none;}

.tabs .tab .frame3{margin-top: 10px;}

.frame3 .btn3:link, .frame3 .btn3:visited{color: #fff;}



header .frame2, header .frame3{float: right; margin-left: 5px;}

.loggedin .frame3{float: left; padding: 3px; margin: 0 5px 0 0;}

.loggedin .frame3 a:link, .loggedin .frame3 a:visited{margin: 0; color: #fff; text-transform: uppercase; text-decoration: none; padding:4px 10px;}

.loggedin .frame3 a:hover{background-position: 0 -26px;}



.frame4{padding: 4px; border-radius: 2px; border:1px solid #e78114; background: #ffffff; box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.5);}



.poptxt {margin-left: 10px;vertical-align: middle; line-height: 2em; color: #ffffff; font-size: 1.4em; font-weight: 400; font-style: italic;  text-shadow:none;}

.poptxt .ui-link, .poptxt .ui-link:link, .poptxt .ui-link:visited{color: #ffffff; font-weight: 400; }



.couriers{display: none; clear: both; }

.ie7 .couriers img, .ie8 .couriers img{border:1px solid #828282;}



.ui-dialog-contain > .ui-header{border:1px solid #000; border-width: 1px 1px 0;}

.ui-dialog-contain > .ui-content{ background:#cfcfcf; border:1px solid #000; border-width: 0px 1px 1px;}

.ui-dialog-contain > .ui-footer{ padding: 5px; border:1px solid #000; border-width: 0px 1px 1px;}

.ui-dialog .ui-title{ font-size: 2.4em; font-weight: 500; margin:0.4em 15% 0.4em 10px; line-height: 1em; text-align: left; }

.ui-dialog .ui-header .ui-btn-left{left: auto; right: 5px}

.ui-dialog form, .ui-dialog .dialog-wrapper{padding: 16px;/*color: #fff;*/ text-shadow:none; border-radius:2px; background-image:-webkit-gradient(linear,left top,left bottom,from( #0099d1 ),to( #027098 ));background-image:-webkit-linear-gradient( #0099d1,#027098 );background-image:-moz-linear-gradient( #0099d1,#027098 );background-image:-ms-linear-gradient( #0099d1,#027098 );background-image:-o-linear-gradient( #0099d1,#027098 );background-image:linear-gradient( #0099d1,#027098 )}

.ie7 .ui-dialog form, .ie7 .ui-dialog .dialog-wrapper,

.ie8 .ui-dialog form, .ie8 .ui-dialog .dialog-wrapper{background: #027098;}

.ie7 .ui-dialog form .placeholder,

.ie8 .ui-dialog form .placeholder{color: #333333;}

.ui-dialog .dialog-wrapper{max-height: 350px; overflow: auto;}

.ui-dialog .dialog-wrapper form{padding: 0 0 20px; background: transparent;}

.ui-dialog p{padding: 0; margin: 5px 0; font-size: 1.4em; line-height: 1.5em;}

.ui-dialog ul{padding: 1% 5%; margin:0;}

.ui-dialog li{padding: 0; margin:0; font-size: 1.4em; line-height: 1.5em; color: #fff;}

.ui-dialog .dialog-wrapper a:link,.ui-dialog .dialog-wrapper a:visited{color: #F3F781; font-weight: 400;  text-decoration: none;}

.ui-dialog .dialog-wrapper a:hover{color: #ffa336; text-decoration: underline;}

.ui-dialog .ui-btn.ui-shadow{margin-left:0; margin-bottom: 0;}

.ui-dialog .btmitem{position: relative; display: block;}

.ui-dialog .btmitem a{position: absolute; right: 0; bottom: -16px;}



.ui-dialog .ui-grid-c, .ui-dialog .ui-grid-a{padding: 0; border: 1px solid #000; border-width: 0 1px;}

.ui-grid-c > *:nth-child(n){margin-right: 0;}

.ui-dialog .tabbed{display: none; text-align: center;}

.ui-dialog .tabbed.t1{display: block;}

.ui-dialog .nopackages a{margin: 0;}

.ui-dialog .nopackages:first-child .delete{display: none;}



.ui-dialog h2{ margin: 0; color: #ffffff;}



/* ---------------- MOBILE: Main --------------- */

body.modal-open { overflow: hidden;} 

/* .header-content h1{float:left; width:100%; margin: 0.5em 0 0.4em;font-size: 2em; font-weight: 500; line-height: 1em; color: #009fda; } */

.header-content .wrapper{position: relative; }

.header-content .wrapper p{float:left; clear: left; width: 100%; padding:0; font-size: 1.3em; font-weight: 300; line-height: 1.4em; }

.message-box{display:none; float: right; width: 98%; padding: 8px 1%; margin-right: 1%; min-height: 43px;  background: rgba(122,135,142,0.7); border-radius: 2px;}

.ie7 .message-box, .ie8 .message-box{margin: 0px; background: rgb(122, 135, 142);}

.message-box h5{color: #fff; font-size: 1.8em; font-weight: 500; text-transform: none; margin: 0; padding: 0 0 5px;}

.header-content .message-box p{float:none; width: 100%; color: #fff; font-size: 1.2em; line-height: 1.2em; font-weight: 400; text-transform: none; margin: 0; padding: 0;}

.section{background: url(https://www.p4d.co.uk/img/headtop_2017.png) 0 0 repeat-x; color: #555555;}

.section .wrapper{ position: relative; margin-bottom: 20px; padding:24px 0 6px; background:#ffffff;
	/*box-shadow:  0px 1px 5px 0px rgba(0, 0, 0, 0.5); */
}

.section .headleft{width: 100%; height: 53px; position: absolute; z-index: 1; top: 0; left: -18px; padding-left: 36px; background: url(https://www.p4d.co.uk/img/headleft_2017.png) 0 0 no-repeat;}

.section .headright{width: 100%; position: relative; left: -18px;height: 53px; padding-right: 18px; background: url(https://www.p4d.co.uk/img/headright_2017.png) 100% 0 no-repeat;}

.section .headmiddle{height: 53px; width:100%; left: 18px; background: url(https://www.p4d.co.uk/img/headmiddle_2017.png) 100% 0 repeat-x; }

.section article, .section aside{position: relative; z-index: 3; padding: 0 2%; margin-bottom: 10px;}

.wrapper header h1, .wrapper header h2, .wrapper aside h1, aside header h3{font-size:1.8em; font-weight: 500; margin: 0; padding:0 0 10px; line-height: 1em;}

.wrapper header h1, .wrapper header h2{color: #fff;}

.wrapper article header{ margin-bottom: 10px;min-height: 0;}

.wrapper aside header{margin:20px 0 5px; padding: 0; }

.wrapper aside header h3{ border-bottom:1px solid #009FDA ; color: #009FDA; line-height: 1em;}

.wrapper p{font-size: 1.3em; line-height: 1.5em; margin: 0;}



.dialog-wrapper p, .dialog-wrapper label{color: #ffffff;}



/*.wrapper section p{font-family: Arial;}*/

.clearswitch{clear: both;}



.tabnav, .tabnav li{margin: 0;padding: 0; list-style: none; font-size: 1em;}

.tabnav{width: 100%; float: left;}

.tabnav li{padding: 0; list-style: none;float:left; width: 100%;margin: 0 0 1% 0; overflow: hidden;}

.tabnav li .tablink, .ui-body-c .tabnav .ui-link{ color: #fff; display: block; background: #293338;  min-height: 30px; border-radius: 2px; text-decoration: none;}

.tabnav li .tablink:hover{background-color: #009fda}

.tabnav li.active .tablink{ background: #0099D1; border-radius: 2px 2px 0 0;}

.tabnav li .tablink span{ display: inline-block; font-size: 1.4em; font-weight: 500; padding-top: 5px; }

.tabnav li .tablink img{ width: 14%; padding: 8px 15px 6px 15px; display: inline-block; }





.tabs .tab{display: none; padding: 2%; background: #027098 url(https://www.p4d.co.uk/img/tabbg.png) 0 0 repeat-x; width: 96%; border-radius: 2px;}

.tabs .sameday img,

.tabs .ukeu img,

.tabs .twoman img{margin-left: -16px;}

.tabs .tab .help{float: right;}



.tabs .active{  display: block;}

form .collarea,

form .collcode,

form .delarea,

form .collarea .ui-select,

form .delarea .ui-select,

form .delcode,

form .items,

form .nopackages{float: left; border-width: 0px; margin: 0;}

form .collarea,

form .collarea .ui-select,

form .delarea .ui-select,

form .delarea{width: 100%; margin: 0;}

form .collcode,

form .delcode{width: 100%;}

form .items{width: 100%;}

form .ui-btn-up-c{font-weight: 400;}

form .ui-btn-hover-c{font-weight: 400;}

form .ui-select .ui-btn-icon-right .ui-btn-inner{padding-left: 10px; text-align: left;}

form label{float: left; width: 100%; /*color: #ffffff;*/ font-family: Arial; font-size: 1.1em; text-transform: uppercase; text-shadow:none;}

form.addsource label{float: none;}

.ui-field-contain input.ui-input-text, .ui-field-contain .ui-select, .ui-field-contain textarea.ui-input-text{width: 100%; clear: left;}

input.ui-input-text, textarea.ui-input-text{display: inline-block;}

.ie7 .collcode input.ui-input-text,

.ie7 .delcode input.ui-input-text{width: 90%;}

.ie7 .trackparcel input.ui-input-text{width: 150px;}

.ie7 #collection-address-lookup input.ui-input-text, 

.ie7 #collection-address-lookup textarea.ui-input-text{display: block; width: 97%;}

.ie7 .ui-field-contain .ui-input-text,

.ie8 .ui-field-contain .ui-input-text{width:97%;}

.ie7 #collection-address-lookup input, 

.ie7 #collection-address-lookup .ui-btn,

.ie7 #checkout .ui-btn {float:left; clear: left; display: block; width:100%;}

.ie7 #checkout .country {padding: 1% 1% 1% 10%; width: 89%;}

.tab form label{color: #fff;}

/*.ie7 #basket{width: 58%;}*/



input.required.invalid{ border: 1px solid #ff6262; background-color:#ffe0e0;}

.tab select.required.invalid,

.tab .select_group.invalid{background-color:#ffe0e0;}

.ui-select .required.invalid{ border: 0px;}

label.invalid{ color:#ff0000;}

.customError label.ui-btn,

.ui-select .customError{background: #FFE0E0;}



/* Input type file */

.input-file{ display: block; position: relative; overflow: hidden; padding: .4em;border-radius:.2em; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2) inset;}

.ie7 .input-file, .ie8 .input-file{border: 1px solid #ccc;}

.input-file .btn2{ width: 14%; position: absolute; z-index: 11; float: right; top: .4em;right: .4em; padding: 1%; margin:0; text-align: center; color: #ffffff;}

.input-file label{ width: 80%; position: relative; z-index: 10; padding: 1% 19% 1% 1%; margin:0; font-size: 1.5em; line-height: 1.8em; text-transform: none; background: #fff; overflow: hidden;}

.input-file input{ width: 100%; position: absolute; z-index: 9; left: 0; top: 0; padding: 0; margin:0; opacity: 0;}

.ie7 .input-file .btn2, .ie8 .input-file .btn2{top: .2em; right: .2em;}

.input-file:after{clear: both;}



.tab form .items label{display: inline-block; float: none; width: 310px; padding-right: 0px;}



form .rows {text-align: center;}

form .nopackages {float: left; width: 100%; text-align: left; padding-bottom: 10px;}

form .nopackages label{display: inline; float: none; width:auto;}

form .nopackages label span{display:inline-block; width: 22px}

form .nopackages label.invalid{display: none!important;}

form .nopackages input, .nopackages input.ui-input-text{width: 38px; display: inline; font-size: 1.2em;}

form .nopackages input.invalid{border: 1px solid #ff6262; background-color:#ffe0e0; }

form .nopackages sup{padding:0 4px 0 0; font-size: 1em; color: #fff; top: auto; text-transform: uppercase;}

#formregister .ui-select{clear:left;}

.ie7 form.w500 {width:500px!important;}



/* Forms --------------------------------------------------------- */

form input.error{border: 1px solid #ff6262; background-color:#ffe0e0;}

form label.error{color: #ff0000; font-weight: bold; padding: 0 5px 15px;}

/*.required.ui-input-text{background-color:#ffe0e0;}*/

.required.ui-input-text.valid{ background: #F9F9F9; background:linear-gradient(#F9F9F9, #EEEEEE) repeat scroll 0 0 #F9F9F9; background-image: none;}

/*.tab .required.ui-input-text.valid{background-color:#fff;}*/



.tabs .tab .copylink{display:none; width: auto; margin: 0 0 10px 0px;}

.copylink.frame3 .btn4{ color: #fff; text-transform: none; font-weight: 400; box-shadow: 0 1px 0 0 rgba(0,0,0,0.3)}

.ie7 .copylink.frame3 .btn4{display: block;}



.tabs .ukeu p a, .tabs .ukeu .ui-link:link, .tabs .ukeu .ui-link:visited { color: #F3F781; }

.tabs .ukeu .ui-link:hover { color: #ffffff; }



.tabs .documents p a, .tabs .documents .ui-link:link, .tabs .documents .ui-link:visited { color: #F3F781; }

.tabs .documents .ui-link:hover { color: #ffffff; }





.pallets{float:left; width:100%; padding-bottom: 5px; position: relative;}

.pallet-selector { display: inline-block; float: left; width: 33%; text-align:center; }

.pallet-selector span{ display:block; width:100%; text-align:center; padding-bottom:5px; }

.form_errors{padding:10px 0 0; margin: 0; float: left; list-style: none;}

.pallets label.invalid{line-height: 1em; padding: 0; color: #ff0000; text-shadow: 0px 0px 2px rgba(255,255,255,1);}



.samedayOption { float:left; padding: 10px; }





.ui-field-contain, .ui-mobile fieldset.ui-field-contain{/*margin: 0 0 1em;*/ border:0px;}

.ui-checkbox .ui-btn, .ui-radio .ui-btn{float: none;}

.ui-checkbox.ui-disabled .ui-btn, .ui-radio.ui-disabled .ui-btn{background: #FFBEBE; border: 1px solid #FF6E6E;}

label.simple{width: auto; text-transform: none; color: #333; font-size: 1.4em; padding: 5px 0; vertical-align: middle;}

label.simple input{vertical-align: middle; margin-right: 5px;}



.ui-field-contain span.info{display:block; padding: 5px;}



form#top-dimensions label{font-size: 1em; font-family: sans-serif; text-transform: none; }
#top-dimensions ul { width: 100%; }


/* Country flags icons ------------------ */

input.country{padding-left: 2.2em; background: #F9F9F9 url(https://www.p4d.co.uk/img/flags/24/gb.png) 0.4em 50% no-repeat;}



/* Payment icons ------------------ */

/*.payment-choice .ui-radio .ui-btn-icon-left .ui-btn-inner{padding-left: 10px;}*/

.payment-choice .ui-radio-on{background: #027199; color: #fff;}

.payment-choice .ui-radio-on .ui-btn-inner{color: #fff;}

.paypal .ui-icon, .paypal .ui-icon:after{background: url(https://www.p4d.co.uk/img/icon-card-pp.png) 0 0 no-repeat;}



#basket {width: 100%}

#basket .check-options{width: 100%}

/*#basket .radio-options{width: 50%}*/

/*#basket .ui-submit{width: 50%}*/

#basket .ui-controlgroup-controls label.error{padding: 15px; font-size: 1.4em;}



.basket-summary{list-style: none; width: 100%; padding: 0;margin: 7px 0; border-top: 1px solid #066488;}

.basket-summary li{clear: left; width: 100%; padding: 0;}

.basket-summary .col1, .basket-summary .col2{float: left; padding:1% 0; font-size: 1.2em;}

.basket-summary .col1{width: 73%; padding-left: 2%;}

.basket-summary .col1 img{float:right;}

.basket-summary .col2{width:23%; padding-right: 2%; text-align: right;}

.basket-summary .total{font-weight: bold; font-size: 1.2em; color: #000;}

.basket-summary .total p{background: #a3cede; border:1px solid #066488; border-width: 1px 0;}



.section aside{padding:10px 5% 10px;}



.badge {padding-top: 2px; padding-bottom: 2px; }

.badge {padding-right: 9px; padding-left: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }

.label, .badge {display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); white-space: nowrap; vertical-align: baseline; background-color: #999;}

.label-important, .badge-important {background-color: #b94a48;}

.label-success, .badge-success {background-color: #468847;}

.label-warning, .badge-warning {background-color: #f89406;}

.label-info, .badge-info {background-color: #3a87ad; }

.label-inverse, .badge-inverse {background-color: #333; }



.static-table {margin: 1em; border-collapse: collapse; width: 95%; }

table.static-table tfoot {background: #F2F2F2; }

.static-table th {height: 32px; font-size: 1.4em; line-height: 1em; font-weight: 500; color: #009fda; background: #b1dbea; border: 1px solid #009fda; border-width: 1px 0; text-align: left; padding-left: 10px; }

.static-table td {padding-left: 10px; font-size: 1.3em; line-height: 1.5em; height:30px; vertical-align: middle; padding-bottom: 5px;}

.static-table tr:hover {background: #F2F2F2; }

.static-table img {margin-right: 10px;     max-width: 97%;}

.static-table thead {background: #fc9; }



.modal-table {margin: 1em; border-collapse: collapse; width: 95%; }

table.modal-table tfoot {background: #F2F2F2; }

.modal-table th {height: 32px; font-size: 1.4em; line-height: 1em; font-weight: 500; color: #009fda; background: #b1dbea; border: 1px solid #009fda; border-width: 1px 0; text-align: left; padding-left: 10px; }

.modal-table td {padding-left: 10px; font-size: 1.3em; line-height: 1.5em; height:30px; vertical-align: middle; }

.modal-table tr {background: #F2F2F2;color:black; }

.modal-table img {margin-right: 10px; }

.modal-table thead {background: #fc9; }



/* Mobile Recent quotes */

ul.recent{margin: 0;padding: 0;list-style: none; /*height: 350px; */ overflow: hidden;}

ul.recent li{width:100%;padding-bottom: 3px; background: #ffffff; float:left;position: relative; filter:inherit; opacity:inherit; }

ul.recent .quote{float: left; padding: 2%; width: 95%; background: #b1dbea; border: 1px solid #009fda; border-radius: 2px;  position: relative; filter:inherit; opacity:inherit; }

ul.recent .quote img{float: right; width: 10%; background:#b1dbea;  filter:inherit; opacity:inherit; }

ul.recent .quote .name{float:left; width: 90%; display: block; font-size:1.8em; line-height: 1em; font-weight: 500; color: #076a8f; text-shadow: 0px 1px 0px #daf0f7;}

ul.recent .quote .location{float:left; display: block; clear: left; width: 90%; font-size:1.1em; line-height:  1.5em; font-weight: 400; color: #009fda; text-shadow: 0px 1px 0px #daf0f7;}

ul.recent .quote .pointer{position: absolute; z-index: 5; width: 6px;height: 7px; left: 10px; bottom: -6px; background:#fff url(https://www.p4d.co.uk/img/pointer.png) 0 0 no-repeat; filter:inherit; opacity:inherit;}

ul.recent .time {font-size: 1.1em; line-height: 3em;}

ul.recent .newquote{/*display: none;*/}



.wrapper.trackparcel {padding: 10px 0;}

.trackparcel h2{float: left;margin: 0;padding:5px 16px; font-size: 1.7em; line-height: 1em; font-weight: 500; color: #009fda}

.trackparcel form{float: right;padding: 0 5%;/* padding-right: 16px;*/ text-align: center; width: 90%;}

.trackparcel input{padding:2%; margin:8px 16px 16px 0; width: 98%; display: block; vertical-align: middle; box-shadow:  0px 0px 0px 4px rgba(183, 183, 183, 1);color:#0066a1; border: 1px solid #009fda; border-radius: 2px; font-size: 1.5em; line-height: 1em;}

.trackparcel .btn2:link, .trackparcel .btn2:visited{ display: block; padding: 3%; width: 91%; vertical-align: middle; text-transform: uppercase; box-shadow:  0px 0px 0px 4px rgba(183, 183, 183, 1); }

.trackparcel .btn2:visited, .trackparcel .btn2:hover{color: #fff;}



.wrapper.more-links{padding: 16px 0;}

.more-links ul{margin: 0;padding: 0 8px;list-style: none;}

.more-links ul li{padding: 10px 8px; width: auto; text-align: center; border-bottom: 1px solid #009FDA;}

.more-links h4, .additional1 h4{margin: 0; padding:10px 0;font-size: 1.6em; line-height: 1.2em; color: #555555; width: 100%; text-align: left;}

.more-links h4 {padding:10px 0; }

.more-links p, .additional1 p{ width: auto;padding: 0; min-height: inherit;/* min-height: 100px;*/ line-height: 1.5em; font-size: 1.3em; text-align: left;}

.more-links .btn2{width: auto; display: block; text-align: center;padding: 8px; }

.more-links .btn2:link, .more-links .btn2:visited{color: #fff;}

.more-links img{width: 100%;}



.additional1 article section{height:200px; }

.additional1 aside ul{list-style: none; margin: 0;padding: 0;}

.additional1 aside ul li{padding: 10px 0; border-bottom: 1px solid #009FDA;}

.additional1 li h4 .ui-link:link, .additional1 li h4 .ui-link:visited{color: #555555; text-decoration: none;}

.additional1 li h4 .ui-link:hover{color: #2489CE; text-decoration: underline;}

.additional1 li img{width: 100%;}

.additional1 .btn5{display: block;}

.additional1 .btn5:link, .additional1 .btn5:visited{color: #ffffff;}



#footer-container footer{color:white;	padding:20px 0 10px;}

#footer-container h5{margin: 0;padding: 0 0 10px; font-size: 1.6em; line-height: 1.2em; font-weight: 300;}

#footer-container aside{width: 100%; text-align: left;}

#footer-container ul{margin: 0;padding: 0; list-style: none; font-size: 1em; line-height: inherit;}

#footer-container ul a{ text-decoration: none; color: #009fda; font-size: 1.1em; line-height: 1.5em;}

#footer-container ul a:hover{ color: #ffffff; }

#footer-container article li{ display: inline-block; padding:0 10px 5px 0; }

#footer-container .payment{ float: left;width: 100%; padding-top: 5px;}

#footer-container .social{ float: left; width: 100%; padding: 10px 0;}

#footer-container .social a{ float: left; border-radius: 2px; margin-right: 10px;}

#footer-container .social a:hover{background: #fff;}



.wrapper .larger{ font-family: 'Open Sans', Arial; font-size: 1.6em; line-height: 1.5em;}

.ie8 .wrapper .larger{ font-family: Arial, sans-serif ; font-size: 1.6em; line-height: 1.5em;}

.ads img{width: 100%;}



.ui-datepicker{width: auto; max-width:inherit;}

.ui-datepicker .ui-datepicker-title{line-height: 3em;}



.covertable{padding: 10px 0; float: left;}

.covertable .twocol.first{width:28%;}

.covertable .twocol.second{width:68%;}


.labellage.success {
    background-color: #5cb85c;
}
.labellage.info{
	background-color: #717171;
}

.labellage {
	margin-left:10px;
    display: inline-block;
    padding: .2em .6em .3em;
    font-size: 100%;
    letter-spacing: 2px;
    line-height: 2.1em;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    font-family: 'Helvetica', 'Arial', 'sans-serif';
    font-weight: normal;
}
.topupStage2{ font-size: 12px; }
.topupFormAnonymous .ui-submit, input.ui-input-text.topupBonusWidth, .topupFormAnonymous .ui-checkbox{ width: 75%; }
.paymentOptions{ max-width: 75%; }
.paymentLogo{ float:left; margin-top: 3px; width: 60px; margin-right:20px; }
.desktop .topupBacs{
	margin-top: 199px;

}
.topupBacs{
	margin-top: 20px;
	background:#eee;
	padding:10px;
}
.bacsInfoHeading{ text-align: center; font-family:sans-serif; } 
.bacsInfo{    padding: 0 20px;    margin-top: 15px;  }
.bacsInfo li{ margin-bottom: 20px; padding: 5px; font-size: 1.4em; font-family: sans-serif; line-height:normal; min-height: 25px;}

.dashboard-menus ul{margin: 0 0 10px;padding: 0;list-style: none; font-size: 1em; line-height: inherit;}

.dashboard-menus li{font-size: 1.4em; line-height: 1.3em; color: #fff; border-top:1px solid #2fb5e7; border-bottom: 1px solid #0a8bbb;}

.dashboard-menus li a:link, .dashboard-menus li .ui-link:link

.dashboard-menus li a:visited, .dashboard-menus li .ui-link:visited{padding: 11px; color: #fff; text-decoration: none; display: block; }

.dashboard-menus li a img{float: right;}

.dashboard-menus .dashboard{background: #59c1e7;}

.dashboard-menus .dashboard .title{padding: 11px;}

.dashboard-menus .dashboard a{background: url(https://www.p4d.co.uk/img/dashboard-bg.png) 0% 0% repeat-x;}

.dashboard-menus .dashboard a:hover{background: url(https://www.p4d.co.uk/img/secondary-bg.png) 0% 0% repeat-x; color: #fff;}

.dashboard-menus li div img { float: right; }


.secondary-menu li {border-top:1px solid #4c5457; border-bottom: 1px solid #1d1d1d;}

.secondary-menu li a{background: url(https://www.p4d.co.uk/img/secondary-bg.png) 0% 0% repeat-x;}

.secondary-menu li a:hover{background: url(https://www.p4d.co.uk/img/dashboard-bg.png) 0% 0% repeat-x;}



.message{margin: 10px 0; padding: 10px;background: #ccc; border:1px solid #000; border-width: 1px 0;}

.message .info{float: left; width: 48px; height: 48px;margin-right: 10px; }

.message .buttons{float:right; padding-top: 5px;}

.message .buttons .btn2{margin-left: 5px;}

.message h4{margin: 0; font-size: 1.8em; line-height: 1em; font-weight: 500; color: #6cb03f;}

.message p{font-size: 1.3em; line-height: 1.5em;}



.message.ok{background: #bcff8f; border-color:#6cb03f;}

.message.ok .info{float: left; width: 48px; height: 48px;margin-right: 10px; background: url(https://www.p4d.co.uk/img/icon-info-green.png) 0 0 no-repeat;}



.message.attention{background: #ffea9f; border-color: #e68512; }

.message.attention .info{background: url(https://www.p4d.co.uk/img/icon-warning-orange.png) 0 0 no-repeat;}

.message.attention h4{color: #e68512;}



.message.error{background: #ffcbcb; border-color: #cc0000;}

.message.error .info{background: url(https://www.p4d.co.uk/img/icon-error-red.png) 0 0 no-repeat;}

.message.error h4{color: #cc0000;}



/* Dashboard -------------------------------- */

.summary { margin: 10px 0;}

.summary ul { margin: 0;padding: 0;list-style: none; border-top: 1px solid #b0c1ca; font-size: 1em; line-height: inherit;}

.summary li { background: #c9d6dd; padding: 10px; border-bottom: 1px solid #b0c1ca;}

.summary h4 {margin: 5px 0; font-size: 1.8em; line-height: 1em; font-weight: 500; color: #009fda;}

.summary .icon{float:left; width: 50px;height: 50px; margin-right: 10px;}

.summary .orders .icon{background: url(https://www.p4d.co.uk/img/icon-orders.png) 0 0 no-repeat;}

.summary .sync .icon{background: url(https://www.p4d.co.uk/img/icon-sync.png) 0 0 no-repeat;}

.summary .funds .icon{background: url(https://www.p4d.co.uk/img/icon-funds.png) 0 0 no-repeat;}

.summary .buttons{float:right; padding-top: 5px;}

.summary .buttons .btn2{margin-left: 5px;}



.extra ul{margin: 0;padding: 0; list-style: none; float: left; width: 100%;margin-bottom: 16px; font-size: 1em; line-height: inherit;}

.extra li{float: left;margin:0 1.3% 8px 0; width: 23.3%; text-align: center;}

.extra li a{display: block; width: 100%;height: auto; margin: 0 auto; background: url(https://www.p4d.co.uk/img/icon-bg-blue.png) 0 0 repeat-x; color: #fff; text-decoration: none; text-transform: uppercase; position: relative;}

.extra li a:hover{ background-image: url(https://www.p4d.co.uk/img/icon-bg-orange.png)}

.extra li a:active, .extra li a:focus{ background-image: url(https://www.p4d.co.uk/img/icon-bg-dark.png)}

.extra li a img{width: 100%;}

.extra .label{display:block; color:#049cd4; font-size: 1.1em; line-height: 1.5em; font-weight: 400; height: 31px; overflow: hidden;}



/* Import Center --------------------------------------------------------- */

h2 span{font-size: 0.6em; display: block; padding: 0;}



.import-options ul{margin: 0;padding: 0; list-style: none; float: left; width: 100%;margin-bottom: 16px; font-size: 1em; line-height: inherit;}

.import-options li{float: left;padding-right: 10px; text-align: center;}

.import-options li a{padding-top: 30px;display: block; width: 96px;height: 66px; color: #fff; text-decoration: none; text-transform: uppercase; position: relative;}

.import-options li a img{margin-bottom: 18px;}

.import-options li a span{display: block; font-size: 0.9em; line-height: 1.6em;color: #fff; text-shadow: 0px 0px 2px rgba(0,0,0,0.8);}

.import-options .ebay{background: url(https://www.p4d.co.uk/img/icon-bg-blue.png) 0 0 repeat-x;}

.import-options .ebay.dld{padding-top: 10px;height: 86px; background: url(https://www.p4d.co.uk/img/icon-bg-gray.png) 0 0 repeat-x;}

.import-options .ebay.dld img{margin-bottom: 15px;}

.import-options .ebay.upld{padding-top: 20px;height: 76px; background: url(https://www.p4d.co.uk/img/icon-bg-green.png) 0 0 repeat-x;}

.import-options .ebay.upld img{margin-bottom: 8px;}

.import-options .label{color:#049cd4;padding: inherit; font-size: 1.4em; line-height: 1.5em; font-weight: 500; white-space: inherit; background: transparent; text-shadow:none;}



.table2{padding: 0; border:1px solid #333c41;}

.imported-items{float: left; width: 100%;}

.table2 ul{margin: 0;padding: 0; list-style: none; font-size: 1em; line-height: inherit;}

.table2 .header{background: #48575e url(https://www.p4d.co.uk/img/table-header.png) 0 0 repeat-x; color: #fff; float: left; width: 100%;}

.table2 .header ul{float: left; width: 100%;}

.table2 .header li{display:none;float: left; min-height: 40px; font-size: 1.2em; line-height: 3em; font-weight: 500; text-transform: uppercase; }



#importTable .col0,

#importTable .col1,

#importTable .col2{display: block;}



#importTable .header .col1{width: 30%; padding-left: 12%;}



#importTable .col0{width: 12%; display: block;}

#importTable .col1{width: 30%; }

#importTable .col2{width: 58%; }

#importTable .col3,

#importTable .col4,

#importTable .col5,

#importTable .col6,

#importTable .col7,

#importTable .col8,

#importTable .col9,

#importTable .col10{width: 84%; margin-left: 16%; border-top: 1px solid #b0c1ca; min-height: inherit;}

#importTable .col6{width: 55%;}

#importTable .col7{width: 29%;margin: 0; min-height: 54px; font-size: 1.2em; font-weight: 700; line-height: 1em;}

#importTable .col7 span:before{content: "Insurance:"; display: block;}

#importTable .col7 span{display: block;}

#importTable .col8 span:before{content: "Price:"; padding-right: 5px;}

#importTable .col9{width: 30%;}

#importTable .col9{width: 30%;}

#importTable .col9 .ui-btn-icon-notext{padding: 2px;}

#importTable .col9 .ui-checkbox input, #importTable .col9 .ui-radio input{left:10px;}

#importTable .col9 .ui-checkbox .ui-icon{ margin: 0;}

#importTable .col9 .ui-checkbox .ui-btn-inner, #importTable .col9 .ui-radio .ui-btn-inner{padding: 3px;}

#importTable .col10{width: 54%;margin: 0;}

#importTable .col10 a{margin: 0.3em; display: block; vertical-align: middle;}



#importTable .insurance a{background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #CCCCCC;

    border-radius: 4px 4px 4px 4px;

    color: #3d780f;

    float: left;

    font-size: 0.8em;

    font-weight: normal;

    line-height: 1.8em;

    padding: 2px;

    text-align: center;

    text-decoration: none;

    width: 90%;}



#importTable .footer li{display: block;}

#importTable .footer .next{width: 40%;}

#importTable .footer .total{width: 25%;}



#importTable .row.on{height: auto;}

.table2 .col1{width: 10.2%;}

.table2 .col2{width: 14.2%;}

.table2 .col3{width: 9%;}

.table2 .col4{width: 17%;}

.table2 .col5{width: 11.9%;}

.table2 .col6{width: 11%;}

.table2 .col7{width: 9.1%; line-height: 25px;}

.table2 .col8{width: 5.5%; line-height: 25px;}

.table2 .col9{width: 5.3%; line-height: 30px; text-align: center;}

.table2 .col10{width: 6.5%; text-align: center;}



.table2 .col1 span{padding-left: 10px;}



.table2 .row{float:left; width: 100%; background: #e9eff2; border-bottom: 1px solid #b0c1ca; border-top: 1px solid #f0f4f6;}

.table2 .row ul{float: left; width: 100%;}

.table2 .row li{display:none; float: left; min-height: 40px; padding: 5px 0; font-family: Arial; font-size: 1.1em; text-shadow:1px 0px 0px rgba(255,255,255,0.8);}

.table2 .row:nth-child(even){background: #c9d6dd;}

.table2 .row .excel{display: block; width: 32px; height: 32px; }

.table2 .row .ebay{display: block; width: 64px; height: 32px; }

.table2 .service img{width: 90%;}

.table2 .row .col8{ font-size: 1.4em; font-weight: 700;}

.table2 .insurance-cover-included{float:left;width: 88%; padding: 2px; font-size: 0.8em; font-weight: normal; line-height: 1em; background: #fbe26f; border:1px solid #f2c43d; color: #000; text-shadow:none;}



.table2 .deliver .uk{padding: 0 10px 0 20px;  display:block; background: url(https://www.p4d.co.uk/img/icon-uk-min.png) 0 4px no-repeat;}



.table2 .row.edit{background: url(https://www.p4d.co.uk/img/row-bg.png) 0 0 repeat; color: #fff; text-shadow:1px 0px 0px rgba(0,0,0,0.8);}

.table2 .row.edit li{color: #fff; text-shadow:1px 0px 0px rgba(0,0,0,0.8);}

.table2 .row.edit a{color: #fff; font-weight: 700;}

.table2 .row.edit span{display: block;}



.table2 .footer {padding: 10px 0;}

.table2 .footer li{float: right; min-height: inherit;}

.table2 .footer .total{text-align: right; width: 10%;}

.table2 .footer .total span{display: block; font-size: 1.8em; font-weight: 700;}

.table2 .footer .next{width: 12%; text-align: center;}

.table2 .footer .next .btn3{padding: 5px 10px; font-family: 'Open Sans', Arial; font-size: 1.1em; font-weight: 400; text-shadow:none; text-transform: uppercase;}

.ie8 .table2 .footer .next .btn3{font-family: Arial, sans-serif;}





#spreadsheettable table{width: 100%; font-size: 1.4em;}

#spreadsheettable table td:nth-child(2){padding-right: 20px;}

#spreadsheettable table input{width: 40px;}

/* Recent orders ------------------------------ */

article.recent-orders{width: auto;}

.recent-orders .btn2{float: right; margin-top: 5px;}

#recentOrders ul{float: left; width: 100%; font-size: 1em; line-height: inherit;}

#recentOrders .col1, #recentOrders .col4{display: block;}

#recentOrders .header .col1{ padding-left: 12%;}

#recentOrders .row li{ min-height: inherit; font-size: 1em;}

#recentOrders .row li span{font-size: 1.3em; line-height: 2em;}

#recentOrders .col0{width: 12%;display: block;}

#recentOrders .col1{width: 40%;}

#recentOrders .col2{width: 40%;}

#recentOrders .col3{width: 20%;}


#recentOrders .col4{width: 48%;}

#recentOrders .col5{width: 12%;}

#recentOrders .track{color: #a7a7a7;}

#recentOrders .track a{font-size: 1.3em;}



.col0 a{display:block; width: 25px;height: 25px; padding: 0 0 0 10px; background: url(https://www.p4d.co.uk/img/icon-more.png) 50% 0 no-repeat; text-indent: -9999em;}

.row.on .col0 a{background-position: 50% -25px;}



.table2 .row.on {position: relative; height: 118px; overflow: hidden;}

.table2 .row.on li{display: block;}

#recentOrders .on .col2,

#recentOrders .on .col3,

#recentOrders .on .col5{position: absolute; top: 30px; left: 15%; width: 85%; padding: 0; height: 25px; overflow: hidden;}

#recentOrders .on .col2{top:35px;}

#recentOrders .on .col3{top:60px;}

#recentOrders .on .col5{top:85px;}



/* Progess Labels -------------------------------- */

	


	/* DropOff Table --------------------------------------------------------- */
	
	/* JAN 2016 - P4D POST*/ 
	.weightSelectionContainer{}
	.weightSelectionContainer p{
		padding:0;
		margin:0;
	}
	.weightSelectionContainer ul.weightSelector{
	  list-style-type:none;
	  color:#CCCCCC;
	  padding:0;
	  line-height: 1.6em;
	  margin:0 0 20px 0;
	}
	.weightSelectionContainer ul.weightSelector li{
	  float:left;
	  width: 33%;
	  text-align:center;
	}
	.weightSelectionContainer ul.weightSelector li input{
		margin-bottom: 10px;
	    position: relative;
	    width: 10px;
	    top: 0;
	    margin: 0 auto;
	    left: 0;
	}
	
	

	a.testlink{position: absolute; z-index: 9999; right: 0; top: 70px; width: 100px; height: 50px;}

	/*#dropoffTable{display: none;}*/

	#dropoffTable .opener{background: #fff2bc; border: 1px solid #e78114; border-radius: 4px; padding: 0.4em;}

	#dropoffTable .opener .btn2{float: right;}

	#dropoffTable .opener p{color: #e67d17; font-size: 1.8em; padding: 2px 15px;}

	#dropoffTable .opener p span{font-weight: bold; text-transform: uppercase;}



	.dropoff-container{display: none;}

	.dropoff-container .heading {margin-bottom: 10px;}

	.dropoff-container .heading h2{color: #e67d17;}

	.dropoff-container .heading .frame4{float: right;}

	.dropoff-container .heading .btn2{float: right;}



	.dropoff-container-new{display: none;}

	.dropoff-container-new .heading {margin-bottom: 10px;}

	.dropoff-container-new .heading h2{color: #e67d17;}

	.dropoff-container-new .heading .frame4{float: right;}

	.dropoff-container-new .heading .btn2{float: right;}





	.dotable{background: #fff6d2; border: 1px solid #e78114;}

	.dotable .postcode{font-size: 1em; float: left; width: 100%; padding: 10px 0;}

	.dotable .postcode .ui-field-contain{margin: 0;}

	.dotable .postcode label.ui-input-text,

	.dotable .postcode input.ui-input-text,

	.dotable .postcode .frame4{float: left; width: auto; clear: none;}

	.dotable .postcode label.ui-input-text{margin-right: 10px; font-size: 1.8em; text-transform: none; color: #1d1d1d;}

	.dotable .postcode input.ui-input-text{margin-right: 10px; width: 14%; border: 1px solid #e78114;}

	.dotable .postcode .frame4 .btn2{margin: 0; font-size: 1em; padding: 3px 8px;}



	#dropoffTable .header{display:none; margin: 0;padding: 0;list-style: none; float: left; width: 100%; font-size: 1.4em; line-height: 1em; font-weight: 500; color: #333333; background: #ffd58f; border:1px solid #e78114; border-width: 1px 0;}

	#dropoffTable .header li{float: left; line-height: 30px; padding-right: 1.8%;}

	#dropoffTable .header .col1,

	#dropoffTable .quotes .row .col1{width: 30%; min-height: inherit;}

	#dropoffTable .header .col2,

	#dropoffTable .quotes .row .col2{width: 50%; min-height: inherit;}

	#dropoffTable .header .col3,

	#dropoffTable .quotes .row .col3{width: 10.5%;}

	#dropoffTable .header .col4,

	#dropoffTable .quotes .row .col4{width: 13.5%;}

	#dropoffTable .header .col5,

	#dropoffTable .quotes .row .col5{width: 13.5%;}

	#dropoffTable .header .col6,

	#dropoffTable .quotes .row .col6{width: 5%;}

	#dropoffTable .quotes .row .col7{width: 19.3%;}



	#dropoffTable .header .sort {cursor: pointer;}

	#dropoffTable .header .sort span{padding-right: 20px; background: url(https://www.p4d.co.uk/img/sortable2.png) 100% 0 no-repeat;}

	#dropoffTable .header .asc span{background-position:100% -20px;}

	#dropoffTable .header .desc span{background-position: 100% -40px;}

	#dropoffTable .header li:first-child span{padding-left: 10px;}



	#dropoffTable .quotes {float: left; margin: 0; padding: 0; list-style: none; width: 100%; font-size: 1em; line-height: inherit;}

	#dropoffTable .quotes .row{float: left; width: 100%; padding: 16px 0; border-bottom: 1px solid #E78114;}

	#dropoffTable .quotes .row:last-child{border: 0px;}

	#dropoffTable .quotes ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%; font-size:1em; line-height: inherit;}

	#dropoffTable .row li{display:none; float: left; padding-right: 1.8%;}

	#dropoffTable .quotes li.col7, 

	#dropoffTable .header li.col7{padding-right: 0;}

	#dropoffTable .quotes .row select{width: 99%; border:1px solid #ccc; margin-bottom: 10px;}

	#dropoffTable .dropoff{ padding-left: 18px; text-align: center; border:1px solid #e78114; border-radius: 4px; display: block; line-height: 64px; background:#fff url(https://www.p4d.co.uk/img/label-dropoff-orange.png) 0 0 no-repeat;}

	#dropoffTable .quotes .service .name{padding-top: 10px; }

	#dropoffTable .quotes .distance{display:block; padding-top: 5px; color: #E67D17; }

	#dropoffTable .quotes .delivery .info{display:block; }



	#dropoffTable .row .col0{display: block; width: 15%; padding: 0;}

	#dropoffTable .row .col1{display:block; width: 30%; padding: 0; min-height: 102px;}

	#dropoffTable .col1 img{width: 100%;}

	#dropoffTable .row .col2{width: 50%;padding: 0 0 0 5%; min-height: 102px;}

	#dropoffTable .row .col3{display:block;width: 50%; padding: 0 0 0 5%;}

	#dropoffTable .col456{width: 34.5%;} /* ??? */

	#dropoffTable .col4{width: 13.5%;}

	#dropoffTable .col5{width: 13.5%;}

	#dropoffTable .col6{width: 5%;}

	#dropoffTable .col7{width: 19.3%;}



	#dropoffTable .row.on .col2,

	#dropoffTable .row.on .col4,

	#dropoffTable .row.on .col5,

	#dropoffTable .row.on .col7{display: block;}

	#dropoffTable .row.on .col3,

	#dropoffTable .row.on .col4,

	#dropoffTable .row.on .col5,

	#dropoffTable .row.on .col7{margin-left: 15%; width: 80%;padding: 0 0 5px; border-top: 1px solid #E78114;}

	#dropoffTable .row.on .col7{padding-top: 5px;}



	#dropoffTable .quotes .btn2{margin: 0; width: 100%;}

	

	/* New DropOff --------------------------------------------------------- */

	#newDropoff .opener{background: #fff2bc; border: 1px solid #e78114; border-radius: 4px; padding: 0.4em;}

	#newDropoff .opener .btn2{float: right;}

	#newDropoff .opener p{color: #e67d17; font-size: 1.8em; padding: 2px 15px;}

	#newDropoff .opener p span{font-weight: bold; text-transform: uppercase;}



	.dropoff-container{display: none;}

	.dropoff-container .heading {margin-bottom: 10px;}

	.dropoff-container .heading h2{color: #e67d17;}

	.dropoff-container .heading .frame4{float: right;}

	.dropoff-container .heading .btn2{float: right;}



	.dropoff-container-new{display: none;}

	.dropoff-container-new .heading {margin-bottom: 10px;}

	.dropoff-container-new .heading h2{color: #e67d17;}

	.dropoff-container-new .heading .frame4{float: right;}

	.dropoff-container-new .heading .btn2{float: right;}





	.dotable{background: #fff6d2; border: 1px solid #e78114;}

	.dotable .postcode{font-size: 1em; float: left; width: 100%; padding: 10px 0;}

	.dotable .postcode .ui-field-contain{margin: 0;}

	.dotable .postcode label.ui-input-text,

	.dotable .postcode input.ui-input-text,


	.dotable .postcode .frame4{float: left; width: auto; clear: none;}

	.dotable .postcode label.ui-input-text{margin-right: 10px; font-size: 1.8em; text-transform: none; color: #1d1d1d;}

	.dotable .postcode input.ui-input-text{margin-right: 10px; width: 14%; border: 1px solid #e78114;}

	.dotable .postcode .frame4 .btn2{margin: 0; font-size: 1em; padding: 3px 8px;}



	#newDropoff .header{display:none; margin: 0;padding: 0;list-style: none; float: left; width: 100%; font-size: 1.4em; line-height: 1em; font-weight: 500; color: #333333; background: #ffd58f; border:1px solid #e78114; border-width: 1px 0;}

	#newDropoff .header li{float: left; line-height: 30px; padding-right: 1.8%;}



	#newDropoff .header .col1 {width: 34%; min-height: inherit; float: left;}

	#newDropoff .header .col2 {width: 17%; min-height: inherit;}

	#newDropoff .header .col3 {width: 17%;}

	#newDropoff .header .col4 {width: 11%;}

	#newDropoff .header .col5 {width: 12%;}

	

	#newDropoff .row .col0{display: block; width: 10%; padding: 0; float: left;}

	#newDropoff .quotes .row .col1 {width: 90%; min-height: inherit; float: right; padding-bottom: 20px; }

	

	#newDropoff .quotes .row .col15 {width: 100%; padding: 0; float: none; }

	#newDropoff .quotes .row .col15 ul li.row2:last-child { padding-bottom: 0 !important; }

	

	#newDropoff .quotes .row2 { padding-bottom: 20px; }

	#newDropoff .quotes .row2 > ul:after, #newDropoff .quotes .row .col1:after { content:''; display:block; clear: both;}

	#newDropoff .quotes .row2 .col2 {width: 29%; padding: 0 1% 0 0; float: left; }

	#newDropoff .quotes .row2 .col3 {width: 29%; padding: 0 1% 0 0; float: left; }

	#newDropoff .quotes .row2 .col4 {width: 18%; padding: 0 1% 0 0; float: left; }

	#newDropoff .quotes .row2 .col5 {width: 21%; padding: 0; float: left; }



	#newDropoff .header li:first-child span{padding-left: 10px;}



	#newDropoff .quotes {float: left; margin: 0; padding: 0; list-style: none; width: 100%; font-size: 1em; line-height: inherit;}

	#newDropoff .quotes .row{float: left; width: 100%; padding: 16px 0; border-bottom: 1px solid #E78114;}

	#newDropoff .quotes .row:last-child{border: 0px;}

	#newDropoff .quotes ul{margin: 0; padding: 0; list-style: none; font-size:1em; line-height: inherit;}

	#newDropoff ul.businessinfo { float:right; width:44% !important;}

	#newDropoff .businessinfo li {display:block; width:100%; float:none !important;}

	#newDropoff ul.businesslogo { float:left; width:53% !important;}

	#newDropoff .row li.col15{display:none;}

	#newDropoff .row.on li.col15{display:block;}

	#newDropoff .header li.col4 {margin-left:-0.4%;}

	#newDropoff .quotes .row select{width: 99%; border:1px solid #ccc; margin-bottom: 10px;}

	#newDropoff .dropoff{ padding-left: 18px;margin-bottom:5px; text-align: center; border:1px solid #e78114; border-radius: 4px; display: block; line-height: 62px; background:#fff url(https://www.p4d.co.uk/img/label-dropoff-orange.png) 0 0 no-repeat;}

	#newDropoff .quotes .service .name{padding-top: 10px; }

	#newDropoff .quotes .distance{display:block; padding-top: 5px; font-size:11px; font-weight:bold; display:block; color:#0084A8; }

	#newDropoff .quotes .delivery .info{display:block; }

	

	#newDropoff .colitem .servicestitle { font-size:14px; font-weight:bold; width:100%; display:block; }

	#newDropoff .business .businesstitle { font-size:14px; font-weight:bold; width:100%; display:block; }

	#newDropoff .col1 img{width: auto; max-width: 100%;}

	#newDropoff .quotes .btn2{margin: 0; width: 100%;}

	

	/* Quotes Table --------------------------------------------------------- */

	#quotesTable, #confirmationTable{padding: 20px 0 0;}

	#quotesTable .header, #quotesTable h5,

	#confirmationTable .header, #confirmationTable h5{margin: 0;padding: 0;list-style: none; float: left; width: 100%; font-size: 1.4em; line-height: 1em; font-weight: 500; color: #009fda; background: #b1dbea; border:1px solid #009fda; border-width: 1px 0;}

	#quotesTable .header, #confirmationTable .header{display:none;}

	#quotesTable .header li{float: left; line-height: 30px; padding-right: 1.8%;}

	#quotesTable .header li:first-child span{padding-left: 10px;}

	#quotesTable h5, #confirmationTable h5{padding: 10px; float: none; width: auto;}



	#quotesTable .header .sort {cursor: pointer;}

	#quotesTable .header .sort span{padding-right: 20px; background: url(https://www.p4d.co.uk/img/sortable.png) 100% 0 no-repeat;}

	#quotesTable .header .asc span{background-position:100% -20px;}

	#quotesTable .header .desc span{background-position: 100% -40px;}



	#quotesTable .quotes, #confirmationTable .quotes {float: left; margin: 0; padding: 0; list-style: none; width: 100%; font-size: 1em; line-height: inherit;}

	#quotesTable .quotes .row, #confirmationTable .quotes .row{float: left; width: 100%; padding: 16px 0; border-bottom: 1px dashed #dcdcdc; margin-bottom: 20px;}

	#confirmationTable .quotes .row:last-child{border: 0px;}

	#quotesTable .quotes ul, #confirmationTable .quotes ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%; font-size:1em; line-height: inherit;}

	#quotesTable .row li, #confirmationTable .row li{display:none; float: left; padding-right: 1.8%;}

	#quotesTable .quotes li.col7, #quotesTable .header li.col7,

	#confirmationTable .quotes li.col4, #confirmationTable .header li.col4{padding-right: 0;}

	#quotesTable .quotes .row select{width: 99%; border:1px solid #ccc;}



	#quotesTable .row .col0, #confirmationTable .row .col0{display: block; width: 15%; padding: 0;}

	#quotesTable .row .col1, #confirmationTable .row .col1{display:block; width: 30%; padding: 0; min-height: 102px;}

	#quotesTable .row .col2{width: 50%;padding: 0 0 0 5%; min-height: 102px;}

	#quotesTable .row .col3{display:block;width: 50%; padding: 0 0 0 5%;}

	#quotesTable .col456{width: 34.5%;} /* ??? */

	#quotesTable .col4{width: 13.5%;}

	#quotesTable .col5{width: 13.5%;}

	#quotesTable .col6{width: 5%;}

	#quotesTable .col7{width: 19.3%;}



	#quotesTable .row.on .col2,

	#quotesTable .row.on .col4,

	#quotesTable .row.on .col5,

	#quotesTable .row.on .col7{display: block;}

	#quotesTable .row.on .col3,

	#quotesTable .row.on .col4,

	#quotesTable .row.on .col5,

	#quotesTable .row.on .col7{margin-left: 15%; width: 80%;padding: 0 0 5px; border-top: 1px solid #efefef;}



	#quotesTable .carrier, #quotesTable .dropoff,

	#confirmationTable .carrier, #confirmationTable .dropoff{ padding-left: 18px; text-align: center; border:1px solid #08a1d9; border-radius: 4px; display: block; line-height: 64px;}

	.ie7 #quotesTable .carrier, .ie7 #quotesTable .dropoff,

	.ie7 #confirmationTable .carrier, .ie7 #confirmationTable .dropoff{padding-top: 3px;padding-bottom: 5px;}

	#quotesTable .carrier, #confirmationTable .carrier{background: url(https://www.p4d.co.uk/img/label-carrier.png) 0 0 no-repeat;}

	#quotesTable .col1 img, #confirmationTable .col1 img{width: 100%;}

	#quotesTable .dropoff, #confirmationTable .dropoff{background:#F6CEF5 url(https://www.p4d.co.uk/img/label-dropoff.png) 0 0 no-repeat; border-color: #d359f7;}

	#quotesTable .service .name, #confirmationTable .service .name, #dropoffTable .service .name{display: block; width: 100%; text-align: center; font-size: 1em; line-height: 1.2em; font-weight: 500; text-transform: uppercase;}

	#quotesTable .printer, #dropoffTable .printer{background: url(https://www.p4d.co.uk/img/icon-printer.png) 50% 10% no-repeat; min-height: 90px; text-align: center;}

	#quotesTable .printer .optional, #dropoffTable .printer .optional{ display: block; height: 45px}

	#quotesTable .printer .required, #dropoffTable .printer .required{display:block; background: url(https://www.p4d.co.uk/img/icon-required.png) 60% 90% no-repeat;height: 45px;}

	#quotesTable .printer .notrequired, #dropoffTable .printer .notrequired{display:block; background: url(https://www.p4d.co.uk/img/icon-notrequired.png) 60% 90% no-repeat;height: 45px;}

	#quotesTable .total, #dropoffTable .total, 

	#quotesTable .day, #dropoffTable .day, 

	#quotesTable .time, #dropoffTable .time,

	#confirmationTable .col2 .order, 

	#confirmationTable .col3 .recommend, 

	#confirmationTable .col4 .optional{font-size: 1.8em; line-height: 1.2em; font-weight: 400; color: #1d1d1d; display:block; }

	#quotesTable .vat{display: block;}

	#quotesTable .add{display:block; color:#e68012;}

	#quotesTable .more{text-decoration: none;}

	#quotesTable .more:hover{text-decoration: underline;}

	#quotesTable .info {position: relative; text-align: center;}

	#quotesTable .info span{color:#08a1d9;}

	#quotesTable .info .tooltip{display:none;}

	#quotesTable .action{text-align: center;}

	#quotesTable .action select{margin-bottom: 10px;}

	#quotesTable .action .btn2{display: block; width: 100%;}



	#confirmationTable .row .col2{display:block;width: 40%;padding: 0 0 0 5%; min-height: 102px;color: #000000;}

	#confirmationTable .row .col3{width: 50%; padding: 0 0 0 5%; color: #000000;}

	#confirmationTable .row .col4{width: 50%; padding: 0 0 0 5%;}

	#confirmationTable .col2 span,

	#confirmationTable .col3 span,

	#confirmationTable .col4 span{width: 100%; display: block; font-size: 1.4em; line-height: 1.2em;}

	#confirmationTable span.type{color: #aaa;} 

	#confirmationTable .col2 .basket-address-title, 

	#confirmationTable .col3 .basket-address-title, 

	#confirmationTable .col2 .order, 

	#confirmationTable .col3 .recommend, 

	#confirmationTable .col4 .optional{font-size: 1.6em;}

	#confirmationTable .col2 .basket-address-title, 

	#confirmationTable .col3 .basket-address-title{color:#009FDA}

	#confirmationTable a{text-decoration: none;}

	#confirmationTable .row a.more{color: #aaa; /*#2489CE*/} 

	#confirmationTable .row.on .col3{margin-top: 1em;}

	#confirmationTable .row.on .col3,

	#confirmationTable .row.on .col4{display: block; width: 75%; margin-left: 15%; padding:1em 0; border-top: 1px solid #EFEFEF;}

	#confirmationTable .row.on .col5{display: block; float: none; padding: 0; text-align: right;}

	

	.charity-small-text { font-size: 0.8em; }

	.credit-card-text-small { display: block; font-size: 0.8em;  margin-left: 74px; }
	.credit-card-text-small-surcharge { display: block; font-size: 0.7em;  color: #848484; margin-left: 74px; }



	/* Invoice Summary --------------------------------------------------------- */

	#pay-invoices .static-table td:last-child{padding: 0; width: 40px;}

	#pay-invoices .ui-checkbox input, 

	#pay-invoices .ui-radio input{height: auto; width: auto; position: relative; left: 10px; padding: 5px; margin-top: 0;}



	/* Dashboard Quick Booking --------------------------------------------------------- */

	.quickbooking #quotesTable{padding: 0;}

	#quotesTable .quotes-radio .carrier, #quotesTable .quotes-radio .dropoff{float:left; line-height: inherit; background-position: 0 50%;}

	.quotes-radio .name{display:block; clear:left; color: #999; font-size: 1em;}

	.quotes-radio .total, .quotes-radio .vat{text-align: right;}



	.oneline ul, .oneline li{list-style: none; margin: 0;padding: 0;}

	.oneline li{float: left; width: 13.8%; margin-right: 0.5%; }

	.oneline label{padding: 0; width: 100%; text-align: center;}

	.oneline input{margin-top: 0; text-align: center;}

	.oneline .ui-select{float: left;}

	

	.oneline-commercial-invoice ul, .oneline-commercial-invoice li{list-style: none; margin: 0;padding: 0;}

	.oneline-commercial-invoice li{float: left; width: 13.8%; margin-right: 0.5%; }

	.oneline-commercial-invoice label{padding: 0; width: 100%; text-align: center;}

	.oneline-commercial-invoice input{margin-top: 0; text-align: center;}

	.oneline-commercial-invoice .ui-select{float: left;}



	.oneline-commercial-invoice input.readonly{color: #111111; background: #E3E3E3; background: linear-gradient(#EEEEEE, #E3E3E3) repeat scroll 0 0 #E3E3E3; box-shadow: none;}



	.oneline-step4 {float: left; padding-bottom: 1%; width: 100%;}

	.oneline-step4 label{float: left; width: auto; font-size:1.2em; font-weight:bold; line-height: 1.6em; margin-right: 0.3%; color: #0079B4;}

	.oneline-step4 .ui-field-contain{float: left; width: 40%; clear: none; margin: 0 1% 0 0;}

	.oneline-step4 .ui-input-text{float: left; width: auto;}

	.oneline-step4 .ui-btn{float: left;margin:0.2em 0;}



	.quickbooking #delivery-address-lookup .ui-input-text{float: left; width: 42%; margin: .4em 2% .4em 0;}

	.quickbooking #delivery-address-lookup .ui-input-text{float: left; width: 42%; margin: .4em 2% .4em 0;}

	.quickbooking #delivery-address-lookup .ui-btn{float: left;}



	.quickbooking .ui-select{clear: both;}

	.quickbooking h4{margin-top: 0;}

	.quickbooking .ui-radio .ui-icon{display: none;}

	.quickbooking .ui-radio .ui-btn-icon-left .ui-btn-inner{padding-left: 4%;}



	/* Dashboard Order History & Trackink --------------------------------------------------------- */

	.historytrack .ui-controlgroup-label{ float:left; width:auto; line-height: 2em; }

	.historytrack .ui-controlgroup-controls{ float:left; width:auto; }

	.historytrack .ui-radio-on .ui-btn-inner{color:#fff;}



	#collectplus-locator-results{clear: both;}

	#postoffice-locator-results{clear: both;}

	#inpost-locator-results{clear: both;}	



/* ------------- ALL: Chrome Fixes ---------------- */

@media screen and (-webkit-min-device-pixel-ratio:0) { 

 .tab form .items label{width: 313px; padding-right: 0px;}

}



/* ------------- ALL: IE Fixes ---------------- */

.ie7 #title{ padding-top:20px; }

.ie7 .ui-bar-b, .ie8 .ui-bar-b{background: #4a5960;}

.no-flexbox .tab form .items label{width: 300px; padding-right: 0px;}

.ie7 .ui-btn-inner, .ie8 .ui-btn-inner{border-top: 0px;}



/* ==============\ 1.MOBILE: below 480px /===================== */



/* ==|== non-semantic helper classes ======================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; clear: both; }



/* ==|== media queries ====================================================== */



/* ====================/ 2.INTERMEDIATE: 480px and up \==================== */

@media only screen and (min-width: 480px) {

	

	/* -------------- INTERMEDIATE: Menu ----------------------- */

	nav{padding-top: 100px;}

	nav a, .ui-body-c nav .ui-link:link, .ui-body-c nav .ui-link:visited{

		font-size: 1.4em;

		float: left;

		width: 31%;

		margin: 0 1% 1% 0;

		padding: 2% 0.6%;

	}

	.togglers {padding-right:0;}

	.togglers .register{display: block;}

	.togglers .user{display: none;}

	.togglers.logged a.basket{border-color: #B1DBEA;}

	.loggedin{background: #069dd5 url(https://www.p4d.co.uk/img/userpanel.png) 0 0 repeat-x; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5); }

	.loggedin p{padding: 0;}

	.loggedin p, .loggedin .frame3{clear: none;display: block;}

	/* -------------- INTERMEDIATE: Main ----------------------- */

	/* .header-content h1{font-size: 3em; font-weight: 500; line-height: 1em; color: #009fda;} */

	.wrapper header h1, .wrapper header h2, .wrapper aside h1{font-size: 2.5em;}

	/*.header-content h1{float:left; width:100%; font-size: 2.5em;}*/

	.tabnav li .tablink{ height: 45px;}

	form .nopackages input, .nopackages input.ui-input-text, .ui-field-contain input.shortval{width: 50px; display: inline; font-size: 1.6em; padding: 2%;}

	form .nopackages sup{padding:0 8px 0 5px; font-size: 1.2em; color: #fff; top: auto; text-transform: uppercase;}

	.ie7 .nopackages input, .ie7 .nopackages input.ui-input-text, .ie7 .ui-field-contain input.shortval{width:35px;}

	.ie8 .nopackages input, .ie8 .nopackages input.ui-input-text, .ie8 .ui-field-contain input.shortval{width:50px;}





	.trackparcel h2{font-size: 2.4em;}

	.trackparcel form{float: left; padding: 0 4%;/* padding-right: 16px;*/ text-align: center;}

	.trackparcel input{float: left; width: 70%;}

	.trackparcel .btn2{float: left; width: auto; margin-top: 8px; padding: 2.4% 3%;}



	.more-links h4 {font-size: 2em;}

	.more-links p, .additional1 p {padding-bottom: 10px;}

	.additional1 article section{height: 284px;}



	#footer-container .payment{ width: auto; padding: 5px 20px 0 0;}

	#footer-container .social{ width: auto; padding-top: 37px;}

	#footer-container aside h5{padding-top: 10px;}



	.recent-orders .btn2{margin: 0;}




	#quotesTable .printer{background: url(https://www.p4d.co.uk/img/icon-printer.png) 55% 10% no-repeat; min-height: 90px; text-align: center;}

	#quotesTable .printer .optional{ display: block; height: 45px}

	#quotesTable .printer .required{display:block; background: url(https://www.p4d.co.uk/img/icon-required.png) 55% 90% no-repeat;height: 45px;}

	#quotesTable .printer .notrequired{display:block; background: url(https://www.p4d.co.uk/img/icon-notrequired.png) 60% 90% no-repeat;height: 45px;}



	.table2 .service img{width: auto;}

	.table2 .service span{display: block;margin-right:10px;}

	



	

	/* ----------------- INTERMEDIATE: IE Fixes --------------------- */

	nav ul li{display:inline;}	

	.oldie nav a{margin:0 0.7%;}



}

/* ====================\ 2.INTERMEDIATE: 480px and up /==================== */





/* ====================/ 3.WIDE: 768px and up \==================== */

@media only screen and (min-width: 768px) {

	/* -------------- WIDE: CSS3 Effects ---------------- */

	.wrapper aside{	clear: left;}



	/* -------------- WIDE: Menu ------------------ */

	#title{float:left;}

	

	nav a{width:auto; padding: 20px 2%; margin: 0; background: transparent;}

	nav li:first-child a{ margin-left:0;  }

	nav li:last-child  a{ margin-right:0; }

	.togglers.logged {padding-right: 35%;}

	.loggedin{width: 30%;}

	/* ------------- WIDE: Dialogs ---------------- */

	/*.ui-mobile [data-role="page"]{display: block;} */

	/*pagebg ui-page ui-body-c ui-page-active*/

	.ui-overlay-a .pagebg.ui-page{display: block; width: 100%; height: 100%; overflow: hidden;}

	.ui-mobile [data-role="dialog"]{width:100%; height:100%;z-index: 100; background: rgba(255,255,255,0.7);}



	/* ------------- WIDE: Main ---------------- */
 
	.clearswitch{clear: none; display: none;}

	/*.header-content h1{width:63%; margin:0 0 5px;font-size: 2.6em; font-weight: 500; line-height: 1em; }*/

	/*.header-content h1 span{font-size: 1em; display: block;}*/

		 
	

	.message-box{display:block; float: right; width: 34%; padding: 8px 1%;  margin-right: 1%; margin-top: 10px; min-height: 43px;  background: rgba(122,135,142,0.7); border-radius: 2px;}

	.message-box a, .message-box .ui-link:link, .message-box .ui-link:visited, .message-box .ui-link:hover { color: #ffffff; }

	.message-box a:focus, .message-box .ui-link:focus { outline: thin dotted; }

	.message-box a:hover, a:active, .message-box .ui-link:hover, .message-box .ui-link:active { outline: 0; }



	.header-content .wrapper p{float:left; clear: left; width: 63%; padding:15px 0; font-size: 1.6em; font-weight: 300; line-height: 1.4em; }

	.header-content .message-box p{width: 100%; color: #fff; font-size: 1.2em; line-height: 1.2em; font-weight: 400; text-transform: none; margin: 0; padding: 0;}

	.couriers {display: block; padding-top: 10px;}

	.couriers img{width:11.5%; margin-right:0.8%; border:0px; border-radius: 2px; box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.5);}

	.ie7 .couriers img, .ie8 .couriers img{width: 11.2%;}

	.wrapper article header{    margin-bottom: 10px;min-height: 0;}

	.wrapper aside header{ margin: 0 0 10px; min-height: 0;}

	.wrapper header h1, .wrapper header h2, .wrapper aside h1, .wrapper aside header h3{font-size: 1.63em;line-height: 1.4em;}

	/*.wrapper article header h1{font-size: 3em;}*/

	#main section{float: left; width: 100%;}




	.tabnav{float: left; width: 172px; padding-right: 4px;}

	.tabnav li{float: left; width:100%;margin: 0 0 2px;}

	.tabnav li .tablink{float: left; width: 140px; padding: 4px 10px; min-height: 40px; height: auto;}

	.tabnav li.active .tablink{padding-right: 20px; background: #009fda url(https://www.p4d.co.uk/img/tabactive.png) 100% 0 no-repeat;}

	.tabnav li .tablink span{float: left; display: block; width: 90px; padding: 0;}

	.tabnav li .tablink img{float:right; width: auto; padding: 0;}

	.tabs{float: left; width: 448px;}

	.tabs h2{color:white;	padding-bottom: 8px;	margin-top:0;}

	.tabs p{color:white; line-height: 1.4em;}



	form .collarea,

	form .delarea{width: 58%;}

	form .collcode,

	form .delcode{width: 40%;}



	form .collarea, form .delarea{width: 250px; padding-bottom: 10px; padding-right: 10px;}

	form .collarea select, form .delarea select{width: 236px;background:#fff url(https://www.p4d.co.uk/img/select-arrow.gif) 209px 10px no-repeat; -webkit-appearance: none;-webkit-border-radius: 2px;}

	form .collcode, form .delcode{width: 155px; padding-bottom: 10px; clear: none;}

	form .collcode input, form .delcode input{/*width: 135px;*/ padding: 8px 10px;}

	form .items{padding: 20px 0;}

	form .items input{width: 40px;}

	form .nopackages label{padding-top: 10px;}

	form .nopackages input{width: 40px;}

	form .nopackages sup{padding:0 18px 0 5px; font-size: 1.1em; color: #fff; top: auto; text-transform: uppercase;}



	.sameday form .collcode, .sameday form .delcode{width: 100%;}



	.pallet-selector h2 {color:white;	padding-bottom: 8px; margin-top:0; font-size: 10pt; }

	.noPad{margin:0;padding:0;text-align: center;margin-bottom: 15px;}
	.noPad a{text-decoration: none;}

	ul.recent{ height: 310px; } 

	ul.recent .quote{display: block;}

	ul.recent .quote img{width: auto;}

	ul.recent .quote .name, ul.recent .quote .location{width: 80%}



	.trackparcel input{float: left; width: 80%; background: #eee;}

	.trackparcel .btn2{padding: 2.2% 3%;}

	

	.more-links ul li, .additional1 aside ul li{padding: 10px 1.3% 20px; width: 47.4%; float: left; text-align: center; border:0px;}

	.more-links h4, .additional1 h4 {text-align: center; height: 40px; overflow: hidden;}

	.more-links p, .additional1 p {text-align: center; height: 80px; overflow: hidden; padding: 0; margin-bottom: 15px;}

	.more-links li img, .additional1 li img{ width: auto;}

	.more-links .btn2, .additional1 .btn5{display: inline;}

	.additional1 article section{height: 465px;}

	.additional1 aside ul li{border:0px;}



	#footer-container article{width: 71%;padding: 0; float: left;}

	#footer-container aside{width: 30%; text-align: right; display: inline;}

	#footer-container aside h5{padding: 0;}

	#footer-container article li{ display: inline; padding:0 10px 0 0; }

	#footer-container .payment{ float: left;padding-top: 5px; padding-right: 20px;}

	#footer-container .social{ float: left; padding-top: 47px;}



	form.default{float: left;}

	.ie7 form.default{width: 100%;}

	span.quote.right{float:right; width: 300px;}



	.extra ul{margin: 0;padding: 0; list-style: none; float: left; width: 100%;margin-bottom: 16px; font-size: 1em; line-height: inherit;}

	.extra li{float: left;margin:0 1.3% 8px 0; width: 15.3%; text-align: center;}

	.extra li a{display: block; width: 96px;height: 96px; margin: 0 auto; background: url(https://www.p4d.co.uk/img/icon-bg-blue.png) 0 0 repeat-x; color: #fff; text-decoration: none; text-transform: uppercase; position: relative;}

	.extra li a:hover{ background-image: url(https://www.p4d.co.uk/img/icon-bg-orange.png)}

	.extra li a:active, .extra li a:focus{ background-image: url(https://www.p4d.co.uk/img/icon-bg-dark.png)}

	.extra .label{font-size: 1.4em; font-weight: 500; height: 42px;}



	/* Import Center --------------------------------------------------------- */

.import-options ul{margin: 0;padding: 0; list-style: none; float: left; width: 100%;margin-bottom: 16px; font-size: 1em; line-height: inherit;}

.import-options li{float: left;padding-right: 10px; text-align: center;}

.import-options li a{padding-top: 30px;display: block; width: 96px;height: 66px; color: #fff; text-decoration: none; text-transform: uppercase; position: relative;}

.import-options li a img{margin-bottom: 18px;}

.import-options li a span{display: block; font-size: 0.9em; line-height: 1.6em; text-shadow: 0px 0px 2px rgba(0,0,0,0.8);}

.import-options .ebay{background: url(https://www.p4d.co.uk/img/icon-bg-blue.png) 0 0 repeat-x;}

.import-options .ebay.dld{padding-top: 10px;height: 86px; background: url(https://www.p4d.co.uk/img/icon-bg-gray.png) 0 0 repeat-x;}

.import-options .ebay.dld img{margin-bottom: 15px;}

.import-options .ebay.upld{padding-top: 20px;height: 76px; background: url(https://www.p4d.co.uk/img/icon-bg-green.png) 0 0 repeat-x;}

.import-options .ebay.upld img{margin-bottom: 8px;}

.import-options .label{color:#049cd4; font-size: 1.4em; line-height: 1.5em; font-weight: 500;}



h5.importtitle{display: none;}



.table2{padding: 0; border:1px solid #333c41;}

.imported-items{float: left; width: 100%;}

.table2 ul{margin: 0;padding: 0; list-style: none; font-size: 1em; line-height: inherit;}

.table2 .header{background: #48575e url(https://www.p4d.co.uk/img/table-header.png) 0 0 repeat-x; color: #fff; float: left; width: 100%;}

#importTable .header ul{float: left; width: 100%;}

#importTable .header li{display:block; float: left; min-height: 40px; font-size: 1.2em; line-height: 3em; font-weight: 500; text-transform: uppercase; }



#importTable .header .col1{padding: 0;width: 11.2%;}

#importTable .header .col3{margin: 0;width: 12%; border: 0px;}

#importTable .header .col4{margin: 0;width: 17%; border: 0px;}

#importTable .header .col5{margin: 0;width: 13%; border: 0px;}

#importTable .header .col6{margin: 0;width: 11%; border: 0px;}

#importTable .header .col7{margin: 0;width: 11%;; border: 0px; font-weight: 400;}

#importTable .col7 span:before{content: ""; display: none;}

#importTable .header .col8{margin: 0;width: 5.5%;; border: 0px;}

#importTable .col8 span:before{content: ""; display: none;}

#importTable .header .col9,

#importTable .header .col10{display: none;}



#importTable .col0{display: none;}

#importTable .col1{width: 11.2%; border: 0px;}

#importTable .col2{width: 14.2%;border: 0px;}

#importTable .col3{width: 12%;margin: 0;border: 0px;}

#importTable .col4{width: 17%; margin: 0;border: 0px;}

#importTable .col5{width: 13%; margin: 0;border: 0px;}

#importTable .col6{width: 11%;margin: 0;border: 0px;}

#importTable .col7{width: 11%; line-height: 25px;border: 0px;}

#importTable .col8{width: 10.5%; line-height: 25px; margin: 0;border: 0px;}

#importTable .col9{width: 5.3%; line-height: 30px; text-align: center;border: 0px;}

#importTable .col10{width: 6.5%; text-align: center;border: 0px;}



#importTable .row .col9{clear: left; margin-left: 11.2%; width: 30%; }

#importTable .row .col10{ width: 58%; text-align: right; }



/*#importTable .btn-del{ text-indent: 9999em; }*/

#importTable .footer .next{width: 20%;}



#newDropoff .quotes .row .col0{display: none !important;}



#newDropoff .header .col1 {width: 34%; min-height: inherit; float: left;}

#newDropoff .header .col2 {width: 17%; min-height: inherit;}

#newDropoff .header .col3 {width: 17%;}

#newDropoff .header .col4 {width: 11%;}

#newDropoff .header .col5 {width: 12%;}



#newDropoff .row .col0{display: block; width: 10%; padding: 0;}

#newDropoff .quotes .row .col1 {width: 34%; min-height: inherit; float: left;}

#newDropoff .quotes .row .col15 {width: 65%; padding: 0; float: right; display: block !important;}

#newDropoff .quotes .row .col15 ul li.row2:last-child { padding-bottom: 0 !important; }



#newDropoff .quotes .row2 { padding-bottom: 20px; }

#newDropoff .quotes .row2 > ul:after { content:''; display:block; clear: both;}

#newDropoff .quotes .row2 .col2 {width: 29%; padding: 0 1% 0 0; float: left; }

#newDropoff .quotes .row2 .col3 {width: 29%; padding: 0 1% 0 0; float: left; }

#newDropoff .quotes .row2 .col4 {width: 18%; padding: 0 1% 0 0; float: left; }

#newDropoff .quotes .row2 .col5 {width: 21%; padding: 0; float: left; }



.table2 .col1 span{padding-left: 10px;}



.table2 .row{float:left; width: 100%; background: #e9eff2; border-bottom: 1px solid #b0c1ca; border-top: 1px solid #f0f4f6;}

.table2 .row ul{float: left; width: 100%;}

.table2 .row li{display:block; float: left; min-height: 40px; padding: 5px 0; font-family: Arial; font-size: 1.1em; text-shadow:1px 0px 0px rgba(255,255,255,0.8);}

.table2 .row:nth-child(even){background: #c9d6dd;}

.table2 .row .excel{display: block; width: 32px; height: 32px;}

.table2 .row .ebay{display: block; width: 64px; height: 32px;}

.table2 .insurance img{width: 100%;}

.table2 .row .col8{ font-size: 1.4em; font-weight: 700;}



.table2 .deliver .uk{padding: 0 10px 0 20px;  display:block; background: url(https://www.p4d.co.uk/img/icon-uk-min.png) 0 4px no-repeat;}



.table2 .row.edit{background: #FFDFDF; color: #000; text-shadow:none;}

.table2 .row.edit li{color: #000; text-shadow:none;}

.table2 .row.edit a{color: #000; font-weight: 700;}

.table2 .row.edit span{display: block;}



.table2 .footer {padding: 10px 0;}

.table2 .footer li{float: right; min-height: inherit;}

.table2 .footer .total{text-align: right; width: 10%;}

.table2 .footer .total span{display: block; font-size: 1.8em; font-weight: 700;}

.table2 .footer .next{width: 12%; text-align: center;}

.table2 .footer .next .btn3{padding: 5px 10px; font-family: 'Open Sans', Arial; font-size: 1.1em; font-weight: 400; text-shadow:none; text-transform: uppercase;}

.ie8 .table2 .footer .next .btn3{font-family: Arial, sans-serif;}



/* Recent orders ------------------------------ */

	#recentOrders ul{float: left; width: 100%; font-size: 1em; line-height: inherit;}

	#recentOrders .row li{ min-height: inherit; font-size: 1em;}

	#recentOrders .row li span{font-size: 1.3em; line-height: 2em;}

	#recentOrders .header .col1{width: 13%; padding: 0;}

	#recentOrders .col0{display:none;}

	#recentOrders .col1{width: 13%;}

	#recentOrders .col2{width: 35%;}

	#recentOrders .col3{width: 20%;}

	#recentOrders .col4{width: 20%;}

	#recentOrders .col5{width: 12%;}

	#recentOrders .track{color: #a7a7a7;}

	#recentOrders .track a{font-size: 1.3em;}






	#myDialog.large .ui-dialog-contain{max-width: 860px;}

	#myDialog.large .ui-dialog .dialog-wrapper{max-height: 450px;}

}

/* ====================\ 3. WIDE: 768px and up /==================== */





/* ====================/ 4. Maximal Width: 1024 and up \==================== */

@media only screen and (min-width: 1012px) {

	.header-nav{margin-bottom: 30px;}

	

	.header-nav a#title{display:block; float:left; width: 170px; height: auto; background:#ffffff; content: ""; box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.5);}

	.ie7 .header-nav #title{top:0; left: 0; padding: 0;}

	.ie7 .header-nav #title{width: 170px; height: 88px;}



	/* --------------- Maximal Width Menu ----------------- */

	.togglers {padding-top: 0;}

	.togglers.logged,

	.ie7 .logged {padding-right: 0; width: 20%;}

	.ie7 .togglers {width: 25%;}

	.ie8 .togglers {width: 20%;}

	

	.togglers .menu{display: none;}

	

	.loggedin{width:90%; margin: 0;position: static;padding: 8px 5%;}

	.loggedin p{padding-bottom: 10px;}

	.togglers .loggedout{padding-top: 18px;}



	nav{width:58%; float:left; padding: 5px 0 0 195px;}

	.ie7 nav{width:55%;}

	nav ul{line-height: inherit;}

	nav a, .ui-body-c nav .ui-link:link, .ui-body-c nav .ui-link:visited{ width: auto; padding: 16px 2%; font-size: 1.4em; margin-right: 0; background: transparent; }

	.ui-body-c nav .ui-link:hover{text-decoration: underline;}



	.form-login, .form-register{float: right; padding: 16px; position: absolute; z-index: 10; right: 0; top: 30px;box-shadow: 0 0 2px 0 #000000;}

	.form-login input, .form-register input{padding: 10px; width: auto;}



	/* --------------- Maximal Main ----------------- */

	/*.header-content h1{font-size: 3.6em; }*/

	.wrapper aside header{margin: 0 0 10px;min-height: 0;}

	/*.wrapper header h1, .wrapper header h2, .wrapper aside h1, aside header h3{font-size: 3em; padding: 10px 0 15px;}*/

	.wrapper aside header h3{color: #fff; border:0px;}

	.header-nav .wrapper, .wrapper{

		width:976px; /* 1012px - 10% for margins */

		margin:0 auto;

	}



	.header-nav{height: 66px;}

	.message-box{margin-top: 10px;}

	.couriers{padding: 0;}

	.section article, .section aside{padding: 0 16px;}

	.wrapper article{float:left;width:624px;}

	.wrapper article.single{float:left;width:944px;}

	.wrapper aside{float:right;width:288px; clear: none;}

	.wrapper aside h3{color: #fff;}



	.tabnav{font-size: 1em; line-height: inherit; float: left; width: 172px; padding-right: 4px;}

	.tabnav li{float: left; width:100%; margin: 0 0 2px;}

	.tabnav li .tablink{float: left; width: 140px;}

	.tabnav li .tablink span{float: left; display: block; width: 90px; padding: 0;}

	.tabnav li .tablink img{float:right; width: auto; padding: 0;}



	.tabs{float: left; width: 448px;}

	.tabs .tab{width: auto; padding: 16px; min-height: 313px;}



	.trackparcel h2{float: left; font-size: 3em;}

	.trackparcel form{float: right; padding: 0 16px 0 0; width: auto;}

	.trackparcel input{width: auto; max-width: 220px; padding: 5px 10px; margin-top: 5px; margin-bottom: 5px; font-size: 1.8em;}

	.trackparcel .btn2{padding: 8px; margin-top: 5px;}



	.wrapper.more-links{padding: 16px 0;}

	.more-links ul{margin: 0;padding: 0 8px 10px;list-style: none; font-size: 1em; line-height: inherit;}

	.more-links ul li{float:left;padding: 0 8px; width: 224px;  border:0px;}

	.more-links h4, .additional1 h4{margin: 0; padding: 0 0 10px;font-size: 1.6em; font-weight: 700; line-height: 1.2em; color: #555555; float: left; width: 100%; text-align: left;}

	.more-links p, .additional1 p{ float: left; width: 100%;padding: 10px 0 0; margin-bottom: 10px; line-height: 1.5em; font-size: 1.3em; text-align: left;}

	.more-links p{min-height: 98px;}

	.additional1 p{min-height: 80px;}

	.more-links .btn2{float:left; text-align: center;padding: 6%; width: 88%;}

	

	.additional1 article{width: 464px;}

	.additional1 article section{height: 336px;}

	.additional1 aside{width: 480px; padding: 0;}

	.additional1 ul{margin: 0;padding: 0;list-style: none; font-size: 1em; line-height: inherit;}

	.additional1 aside ul li{float: left; width: 224px; padding: 0 16px 0 0;}

	.additional1 h4 a{ text-decoration: none; color: #0066a1;}

	.additional1 p{min-height: 100px;}

	.additional1 a:hover{ text-decoration:underline;}

	.additional1 .btn5{float: left; padding: 10px 2%; width: 96%;}

	.additional1 .btn5:hover{ text-decoration:none;}



	#footer-container aside{width: 224px;padding-left: 16px; text-align: right;}

	#footer-container article li{ display: inline; padding:0 10px 0 0; }

	#footer-container .payment{ float: left;padding-top: 5px; padding-right: 20px;}

	#footer-container .social{ float: left; padding-top: 47px;}



	.w500{width:500px;}



	/* Maximal Progess Labels -------------------------------- */


	.import-centre-button { margin-bottom: 5px; }



	#dropoffTable .header{display: block;}

	#dropoffTable .row li{display: block;}

	#dropoffTable .quotes .row .col0{display: none;}

	#dropoffTable .header .col1,

	#dropoffTable .quotes .row .col1{width: 19%; min-height: inherit;}

	#dropoffTable .header .col2,

	#dropoffTable .quotes .row .col2{width: 8.4%; min-height: inherit;}

	#dropoffTable .header .col3,

	#dropoffTable .quotes .row .col3{width: 10.5%;}

	#dropoffTable .header .col4,

	#dropoffTable .quotes .row .col4{width: 13.5%;}

	#dropoffTable .header .col5,

	#dropoffTable .quotes .row .col5{width: 13.5%;}

	#dropoffTable .header .col6,

	#dropoffTable .quotes .row .col6{width: 5%;}

	#dropoffTable .quotes .row .col7{width: 19.3%;}

	#dropoffTable .col1 img{width: auto;}



	#dropoffTable .quotes {float: left; margin: 0;padding: 0; list-style: none; width: 100%; font-size: 1em; line-height: inherit;}

	#dropoffTable .quotes{padding: 0 1%; width: 98%;}

	#dropoffTable .quotes .row{float: left; width: 100%; padding: 16px 0; border-bottom: 1px solid #999999;}

	#dropoffTable .quotes ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%; font-size:1em; line-height: inherit;}

	#dropoffTable .quotes .row li{display:block; float: left; padding:0 1.8% 0 0;}

	#dropoffTable .quotes li.col7, #dropoffTable .header li.col7{padding-right: 0;}

	#dropoffTable .quotes .row select{width: 99%; border:1px solid #ccc;}



	#dropoffTable .printer{background: url(https://www.p4d.co.uk/img/icon-printer.png) 40% 10% no-repeat; min-height: 90px; text-align: center;}

	#dropoffTable .printer .optional{ display: block; height: 45px}

	#dropoffTable .printer .required{display:block; background: url(https://www.p4d.co.uk/img/icon-required.png) 70% 90% no-repeat;height: 45px;}

	#dropoffTable .printer .notrequired{display:block; background: url(https://www.p4d.co.uk/img/icon-notrequired.png) 70% 90% no-repeat;height: 45px;}

	

	/* New Dropoff */

	#newDropoff .header{display: block;}

	#newDropoff .row li{display: block;}

	

	#newDropoff .header .col1,

	#newDropoff .quotes .row .col1{width: 34%; min-height: inherit; float: left;}

	#newDropoff .quotes .row .col15 {width: 65%; padding: 0; float: right; }

	#newDropoff .header .col2 {width: 17%; min-height: inherit;}

	#newDropoff .header .col3 {width: 17%;}

	#newDropoff .header .col4 {width: 11%;}

	#newDropoff .header .col5 {width: 12%;}

	#newDropoff .quotes .row2 .col2 {width: 29%; padding: 0 1% 0 0; float: left; }

	#newDropoff .quotes .row2 .col3 {width: 29%; padding: 0 1% 0 0; float: left; }

	#newDropoff .quotes .row2 .col4 {width: 18%; padding: 0 1% 0 0; float: left; padding-bottom: 15px; }

	#newDropoff .quotes .row2 .col5 {width: 21%; padding: 0; float: left; }



	#newDropoff .colitem .servicesdesc { width:100%;}

	#newDropoff .colitem .btn2 {padding:8px;font-size:10px;}

	

	#newDropoff .quotes {float: left; margin: 0;padding: 0; list-style: none; width: 100%; font-size: 1em; line-height: inherit;}

	#newDropoff .quotes{padding: 0 1%; width: 98%;}

	#newDropoff .quotes .row{float: left; width: 100%; padding: 16px 0; border-bottom: 1px solid #999999;}

	#newDropoff .quotes ul{margin: 0; padding: 0; list-style: none; font-size:1em; line-height: inherit;}

	#newDropoff .quotes .row select{width: 99%; border:1px solid #ccc;}



	/* Maximal Quotes Table --------------------------------------------------------- */

	#quotesTable, #confirmationTable{padding: 20px 0 0;}

	#quotesTable h5, #confirmationTable h5{display: none;}

	#quotesTable .header, #confirmationTable .header{display:block; margin: 0;padding: 0;list-style: none; float: left; width: 100%; font-size: 1.4em; line-height: 1em; font-weight: 500; color: #009fda; background: #b1dbea; border:1px solid #009fda; border-width: 1px 0;}

	#quotesTable .header li, #confirmationTable .header li{display:block; float: left; line-height: 30px; padding-right: 1.8%;}

	#quotesTable .header li:first-child span,

	#confirmationTable .header li:first-child span{padding-left: 10px;}





	#quotesTable .quotes, #confirmationTable .quotes {float: left; margin: 0;padding: 0; list-style: none; width: 100%; font-size: 1em; line-height: inherit;}

	#quotesTable .quotes .row, #confirmationTable .quotes .row{float: left; width: 100%; padding: 16px 0; border-bottom: 1px dashed #dcdcdc; margin-bottom: 20px;}

	#quotesTable .quotes ul, #confirmationTable .quotes ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%; font-size:1em; line-height: inherit;}

	#quotesTable .quotes .row li, #confirmationTable .quotes .row li{display:block; float: left; padding:0 1.8% 0 0;}

	#quotesTable .quotes li.col7, #quotesTable .header li.col7,

	#confirmationTable .quotes li.col5, #confirmationTable .header li.col5{padding-right: 0;}

	#quotesTable .quotes .row select{width: 99%; border:1px solid #ccc;}



	#quotesTable .quotes .row .col0, #confirmationTable .quotes .row .col0{display: none;}

	#quotesTable .header .col1, #confirmationTable .header .col1,

	#quotesTable .quotes .row .col1, #confirmationTable .quotes .row .col1{width: 19%; min-height: inherit;}

	#quotesTable .header .col2,

	#quotesTable .quotes .row .col2{width: 8.4%; min-height: inherit;}

	#quotesTable .header .col3,

	#quotesTable .quotes .row .col3{width: 10.5%;}

	#quotesTable .header .col4,

	#quotesTable .quotes .row .col4{width: 13.5%;}

	#quotesTable .header .col5,

	#quotesTable .quotes .row .col5{width: 13.5%;}

	#quotesTable .header .col6,

	#quotesTable .quotes .row .col6{width: 5%;}

	#quotesTable .quotes .row .col7{width: 19.3%;}



	#quotesTable .col1 img, #confirmationTable .col1 img{width: auto;}

	#quotesTable .carrier, #quotesTable .dropoff,

	#confirmationTable .carrier, #confirmationTable .dropoff{ padding-left: 18px; text-align: center; border-radius: 4px; display: block; line-height: 64px;}

	#quotesTable .carrier, #confirmationTable .carrier{background: url(https://www.p4d.co.uk/img/label-carrier.png) 0 0 no-repeat;}

	/*#quotesTable .dropoff{background: url(https://www.p4d.co.uk/img/label-dropoff.png) 0 0 no-repeat;}*/

	#quotesTable .service .name, #confirmationTable .service .name{display: block; width: 100%; text-align: center; font-size: 1.1em; line-height: 2em; font-weight: 500; text-transform: uppercase;}

	#quotesTable .printer{background: url(https://www.p4d.co.uk/img/icon-printer.png) 40% 10% no-repeat; min-height: 90px; text-align: center;}

	#quotesTable .printer .optional{ display: block; height: 45px}

	#quotesTable .printer .required{display:block; background: url(https://www.p4d.co.uk/img/icon-required.png) 70% 90% no-repeat;height: 45px;}

	#quotesTable .printer .notrequired{display:block; background: url(https://www.p4d.co.uk/img/icon-notrequired.png) 70% 90% no-repeat;height: 45px;}

	#quotesTable .total, #quotesTable .day, #quotesTable .time{display:block;font-size: 1.8em; line-height: 1.2em; font-weight: 400; color: #1d1d1d; }

	#quotesTable .vat{display: block;}

	#quotesTable .add{display:block; color:#e68012;}

	#quotesTable .more{text-decoration: none;}

	#quotesTable .more:hover{text-decoration: underline;}

	#quotesTable .info {position: relative; text-align: center;}

	#quotesTable .info span{color:#08a1d9;}

	#quotesTable .info .tooltip{display:none;}

	#quotesTable .action{text-align: center;}

	#quotesTable .action select{margin-bottom: 10px;}

	#quotesTable .action .btn2{display: block;}



	#confirmationTable .header .col2,

	#confirmationTable .row .col2{width: 23%; min-height: inherit;}

	#confirmationTable .header .col3,

	#confirmationTable .row .col3{width: 23%;}

	#confirmationTable .header .col4,

	#confirmationTable .row .col4{width: 23%;}



	ul.recent{font-size: 1em; line-height: inherit;}



	

	/* Dashboard --------------------------------------------------------- */

	.recent-orders .btn2{margin-top: 20px;}



	#importTable .header .col1, #importTable .row .col1{width: 8.2%;}

	#importTable .header .col2, #importTable .row .col2{width: 9%; padding-left: 1%;}

	#importTable .header .col3, #importTable .row .col3{width: 13%; padding-left: 1%;}

	#importTable .header .col4, #importTable .row .col4{width: 17%;}

	#importTable .header .col5, #importTable .row .col5{width: 10%;}

	#importTable .header .col6, #importTable .row .col6{width: 13%;margin: 0;border: 0px;}

	#importTable .header .col7, #importTable .row .col7{width: 9%;}

	#importTable .header .col8, #importTable .row .col8{width: 8%;}

	#importTable .header .col9, #importTable .row .col9{width: 6%; margin: 0; clear: none; display: block; text-align: left;}

	#importTable .header .col10, #importTable .row .col10{width: 4%; display: block;}



	/*#importTable .col9 .ui-checkbox .ui-btn-inner, #importTable .col9 .ui-radio .ui-btn-inner{padding: 0 10px;}*/

	#importTable .col9 .ui-checkbox .ui-icon{left: 9px;}

	#importTable .col9 .ui-checkbox .ui-btn-text{opacity:0;}



	/* Dashboard Quick Booking --------------------------------------------------------- */

	/* Edit custom widths below. Must be in percents and the total must not exceed 97% */

	.oneline .col1{width: 8.5%;}

	.oneline .col2{width: 8.5%;}

	.oneline .col3{width: 8.5%;}

	.oneline .col4{width: 8.5%;}

	.oneline .col5{width: 19.3%;}

	.oneline .col6{width: 16.8%;}

	.oneline .col7{width: 17.8%;}

	.oneline .col8{width: 4%;}
	
	.oneline .col9{width: 4%;}

	.oneline .ui-btn{margin-top: 0.4em;}

	

	.oneline-commercial-invoice .col1{width: 25%;}

	.oneline-commercial-invoice .col2{width: 30%;}

	.oneline-commercial-invoice .col3{width: 10%;}

	.oneline-commercial-invoice .col4{width: 10%;}

	.oneline-commercial-invoice .col5{width: 22%;}



	.oneline-commercial-invoice.vat .col1{width: 30%;}

	.oneline-commercial-invoice.vat .col2{width: 35%;}

	.oneline-commercial-invoice.vat .ui-checkbox .ui-btn{margin: 0;}

	.oneline-commercial-invoice.vat .ui-mini .ui-btn-inner{padding-top:1%; padding-bottom: 1%;}



}

/* ====================\ 4. Maximal Width: 1024 and up /==================== */



/* ====================/ 5. Maximal Width: forced width for no-touch devices \==================== */

	.desktop .clearswitch {clear: none; display: none;}

	.desktop .ui-page{min-width:1024px;}

	.desktop .header-nav{margin-bottom: 30px;}

	

	.desktop .header-nav a#title{display:block; float:left; width: 170px; height: auto; background:#ffffff; content: ""; box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.5);}

	.desktop .ie7 .header-nav a#title{top:0; left: 0; padding: 0;}

	.desktop .ie7 .header-nav a#title{width: 170px; height: 88px;}



	/* --------------- Maximal Width Menu ----------------- */

	.desktop .togglers {padding-top: 0;}

	.desktop .togglers.logged,

	.desktop .ie7 .logged {padding-right: 0; width: 20%;}

	.desktop .ie7 .togglers {width: 25%;}



	.desktop .ie8 .togglers {width: 20%;}

	

	.desktop .togglers .menu{display: none;}

	.desktop .togglers .register{display: block;}

	

	.desktop .loggedin{width:90%; margin: 0;position: static;padding: 8px 5%;}

	.desktop .loggedin p{padding-bottom: 10px;}

	.desktop .togglers .loggedout{padding-top: 18px;}



	.desktop nav{width:58%; display: block; float:left; padding: 10px 9px 0 190px; }

	.desktop .ie7 nav{width:55%;}

	.desktop nav ul{line-height: inherit;}

	.desktop nav a#title {float: left; width: auto; padding: 16px 2%; font-size: 1.4em; margin-right: 0; background: transparent; }

	.desktop .ui-body-c nav .ui-link:hover{text-decoration: underline;}



	.desktop .form-login, .desktop .form-register{float: right; padding: 16px; position: absolute; z-index: 10; right: 0; top: 30px;box-shadow: 0 0 2px 0 #000000;}

	.desktop .form-login input, .desktop .form-register input{padding: 10px; width: auto;}



	/* --------------- Maximal Main ----------------- */

	/* .desktop .header-content h1{width:63%; margin:15px 0 5px;font-size: 3.3em; font-weight: 500; line-height: 1em; } */

	.desktop .header-content .wrapper p{float:left; clear: left; width: 63%; padding:15px 0; font-size: 1.6em; font-weight: 300; line-height: 1.4em; }

	.desktop .header-content .message-box p{width: 100%; color: #fff; font-size: 1.2em; line-height: 1.2em; font-weight: 400; text-transform: none; margin: 0; padding: 0;}

	.wrapper header h1, .wrapper header h2, .wrapper aside h1, .wrapper aside header h3{font-size: 1.63em;line-height: 1.4em;}

	.desktop .wrapper aside header{margin: 0 0 10px;min-height: 0;}

	/*.wrapper header h1, .wrapper header h2, .wrapper aside h1, aside header h3{font-size: 3em; padding: 10px 0 15px;}*/

	.desktop .wrapper aside header h3{color: #fff; border:0px; text-align: center;}

	.desktop .header-nav .wrapper, .desktop .wrapper{

		width:976px; /* 1012px - 10% for margins */

		/*margin:0 auto;*/

	}



	.desktop .header-nav{height: 66px;}

	.desktop .message-box{display:block; float: right; width: 34%; padding: 8px 1%;  margin-right: 1%; margin-top: 10px; min-height: 43px;  background: rgba(122,135,142,0.7); border-radius: 2px;}

	.desktop .couriers{padding: 0; display: block; padding-top:10px;}

	.desktop .couriers img{width:11.6%; margin-right:0.6%; border:0px; border-radius: 2px; box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.5);}



	.desktop .section article, .desktop .section aside{padding: 0 16px;}

	.desktop .wrapper article{float:left;width:624px;}

	.desktop .wrapper article.single{float:left;width:944px;}

	.desktop .wrapper aside{float:right;width:288px; clear: none;}

	.desktop .wrapper aside h3{color: #fff;}



	.desktop .tabnav{font-size: 1em; line-height: inherit; float: left; width: 172px; padding-right: 4px;}

	.desktop .tabnav li{float: left; width:100%; margin: 0 0 2px;}

	.desktop .tabnav li .tablink{float: left; width: 140px; padding: 12px 10px 7px 10px; min-height: 40px; height: auto;}

	.desktop .tabnav li .tablink span{float: left; display: block; width: 90px; padding: 0;}

	.desktop .tabnav li .tablink img{float:right; width: auto; padding: 0;}

	.desktop .tabnav li.active .tablink{padding-right: 20px; background: #009fda url(https://www.p4d.co.uk/img/tabactive2.png) 100% 0 no-repeat;}



	.desktop .tabs{float: left; width: 448px;}

	.desktop .tabs .tab{width: auto; padding: 16px; min-height: 332px;}

	.desktop .tabs h2{color: #ffffff; margin-top: 0; padding-bottom: 8px;}

	.desktop .tabs p{color: #ffffff; line-height: 1.4em;}



	.desktop form .collarea,

	.desktop form .delarea{width: 58%;}

	.desktop form .collcode,

	.desktop form .delcode{width: 40%; clear:none;}



	.desktop form .collarea, .desktop form .delarea{/*width: 250px;*/ padding-bottom: 10px; padding-right: 0px;}

	.desktop form .collarea select, .desktop form .delarea select{width: 236px;background:#fff url(https://www.p4d.co.uk/img/select-arrow.gif) 209px 10px no-repeat; -webkit-appearance: none;-webkit-border-radius: 2px;}

	.desktop form .collcode, .desktop form .delcode{width: 155px; padding-bottom: 10px; clear: none;}

	.desktop form .items{padding: 20px 0;}

	.desktop form .nopackages input, .desktop .nopackages input.ui-input-text, .desktop .ui-field-contain input.shortval{width: 50px; display: inline; font-size: 1.6em; padding: 2%;}



	.desktop form .nopackages label{padding-top: 10px;}

	.desktop form .nopackages input{width: 40px;}

	.desktop form .nopackages sup{padding:0 18px 0 5px; font-size: 1.1em; color: #fff; top: auto; text-transform: uppercase;}



	.desktop .sameday form .collcode, .desktop .sameday form .delcode { width: 100%;}



	.desktop #basket{float: left; clear: left;}



	.desktop .trackparcel h2{float: left; font-size: 3em;}

	.desktop .trackparcel form{float: right; padding: 0 16px 0 0; width: auto;}

	.desktop .trackparcel input{width: auto;float: left; max-width: 220px; padding: 5px 10px; margin-top: 5px; margin-bottom: 5px; font-size: 1.8em;}

	.desktop .trackparcel .btn2{padding: 8px; margin-top: 5px; width: auto;}



	.desktop .wrapper.more-links{padding: 16px 0;}


	.desktop .wrapper.more-links .coverBlock{
		display:block;
		background-size:contain;
		background-repeat:no-repeat;
		min-width:100%;
		margin-top:50px;
		min-height: 128px;
	} 

	.desktop .more-links ul{margin: 0;padding: 0 8px 10px;list-style: none; font-size: 1em; line-height: inherit;}

	.desktop .more-links ul li{float:left;padding: 0 8px; width: 224px;  border:0px;}

	.desktop .more-links h4, .additional1 h4{margin: 0; padding: 0 0 10px;font-size: 1.6em; font-weight: 700; line-height: 1.2em; color: #555555; float: left; width: 100%; text-align: center;}

	.desktop .more-links p, .additional1 p{ float: left; width: 100%;padding: 10px 0 0; margin-bottom: 10px; line-height: 1.5em; font-size: 1.3em; text-align: left;}

	.desktop .more-links p{min-height: 98px;}

	.desktop .additional1 p{min-height: 80px;}

	.desktop .more-links .btn2{float:left; text-align: center;padding: 6%; width: 88%;}



	.desktop .oneline-step4 .ui-field-contain{padding: 0;}

	

	.desktop .additional1 article{width: 464px;}

	.desktop .additional1 article section{height: 336px;}

	.desktop .additional1 aside{width: 480px; padding: 0;}

	.desktop .additional1 ul{margin: 0;padding: 0;list-style: none; font-size: 1em; line-height: inherit;}

	.desktop .additional1 aside ul li{float: left; width: 224px; padding: 0 16px 0 0;}

	.desktop .additional1 h4 a{ text-decoration: none; color: #0066a1;}

	.desktop .additional1 p{min-height: 100px;}

	.desktop .additional1 a:hover{ text-decoration:underline;}

	.desktop .additional1 .btn5{float: left; padding: 10px 2%; width: 96%;}

	.desktop .additional1 .btn5:hover{ text-decoration:none;}



	.desktop #footer-container aside{width: 224px;padding-left: 16px; text-align: right;}

	.desktop #footer-container article li{ display: inline; padding:0 10px 0 0; }

	.desktop #footer-container .payment{ float: left;padding-top: 5px; padding-right: 20px;}

	.desktop #footer-container .social{ float: left; padding-top: 47px;}



	.w500{width:500px;}



	/* Maximal Progess Labels -------------------------------- */

	



	/* Maximal Quotes Table --------------------------------------------------------- */

	.desktop #quotesTable, #confirmationTable{padding: 20px 0 0;}

	.desktop #quotesTable h5, .desktop #confirmationTable h5{display: none;}

	.desktop #quotesTable .header, .desktop #confirmationTable .header{display:block; margin: 0;padding: 0;list-style: none; float: left; width: 100%; font-size: 1.4em; line-height: 1em; font-weight: 500; color: #009fda; background: #b1dbea; border:1px solid #009fda; border-width: 1px 0;}

	.desktop #quotesTable .header li, .desktop #confirmationTable .header li{display:block; float: left; line-height: 30px; padding-right: 1.8%;}

	.desktop #quotesTable .header li:first-child span,

	.desktop #confirmationTable .header li:first-child span{padding-left: 10px;}





	.desktop #quotesTable .quotes, .desktop #confirmationTable .quotes, .desktop #dropoffTable .quotes {float: left; margin: 0;padding: 0; list-style: none; width: 100%; font-size: 1em; line-height: inherit;}

	.desktop #dropoffTable .quotes{padding: 0 1%; width: 98%;}

	.desktop #quotesTable .quotes .row, .desktop #confirmationTable .quotes .row{float: left; width: 100%; padding: 16px 0; border-bottom: 1px dashed #dcdcdc; margin-bottom: 20px;}

	.desktop #quotesTable .quotes ul, .desktop #confirmationTable .quotes ul, .desktop #dropoffTable .quotes ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%; font-size:1em; line-height: inherit;}

	.desktop #quotesTable .quotes .row li, .desktop #confirmationTable .quotes .row li, .desktop #dropoffTable .quotes .row li{display:block; float: left; padding:0 1.8% 0 0;}

	.desktop #quotesTable .quotes li.col7, .desktop #quotesTable .header li.col7,

	.desktop #dropoffTable .quotes li.col7, .desktop #dropoffTable .header li.col7,

	.desktop #confirmationTable .quotes li.col5, .desktop #confirmationTable .header li.col5{padding-right: 0;}

	.desktop #quotesTable .quotes .row select, .desktop #dropoffTable .quotes .row select{width: 99%; border:1px solid #ccc;}



	.desktop #quotesTable .quotes .row .col0, .desktop #confirmationTable .quotes .row .col0, .desktop #dropoffTable .quotes .row .col0{display: none;}

	.desktop #quotesTable .header .col1, .desktop #confirmationTable .header .col1, .desktop #dropoffTable .header .col1,

	.desktop #quotesTable .quotes .row .col1, .desktop #confirmationTable .quotes .row .col1, .desktop #dropoffTable .quotes .row .col1{width: 19%; min-height: inherit;}

	.desktop #quotesTable .header .col2,.desktop #dropoffTable .header .col2,

	.desktop #quotesTable .quotes .row .col2,.desktop #dropoffTable .quotes .row .col2{width: 8.4%; min-height: inherit;}

	.desktop #quotesTable .header .col3,.desktop #dropoffTable .header .col3,

	.desktop #quotesTable .quotes .row .col3,.desktop #dropoffTable .quotes .row .col3{width: 10.5%;}

	.desktop #quotesTable .header .col4,.desktop #dropoffTable .header .col4,

	.desktop #quotesTable .quotes .row .col4, .desktop #dropoffTable .quotes .row .col4{width: 13.5%;}

	.desktop #quotesTable .header .col5, .desktop #dropoffTable .header .col5,

	.desktop #quotesTable .quotes .row .col5, .desktop #dropoffTable .quotes .row .col5{width: 13.5%;}

	.desktop #quotesTable .header .col6,.desktop #dropoffTable .header .col6,

	.desktop #quotesTable .quotes .row .col6, .desktop #dropoffTable .quotes .row .col6{width: 5%;}

	.desktop #quotesTable .quotes .row .col7, .desktop #dropoffTable .quotes .row .col7{width: 19.3%;}



	.desktop #quotesTable .col1 img, .desktop #confirmationTable .col1 img{width: auto;max-width: 100%;}

	.desktop #quotesTable .carrier, .desktop #quotesTable .dropoff,

	.desktop #confirmationTable .carrier, .desktop #confirmationTable .dropoff{ width: 158px; padding-left: 18px; text-align: center; border-radius: 4px; display: block; line-height: 64px;}
	
	.desktop #quotesTable .carrier img, .desktop #quotesTable .dropoff img,

	.desktop #confirmationTable .carrier img, .desktop #confirmationTable .dropoff img{  max-width: 100%;  }
	 
	    
	

	.desktop #quotesTable .carrier, .desktop #confirmationTable .carrier{background: url(https://www.p4d.co.uk/img/label-carrier.png) 0 0 no-repeat;}

	/*#quotesTable .dropoff{background: url(https://www.p4d.co.uk/img/label-dropoff.png) 0 0 no-repeat;}*/

	.desktop #quotesTable .service .name, .desktop #confirmationTable .service .name{display: block; width: 100%; text-align: center; font-size: 1.1em; line-height: 2em; font-weight: 500; text-transform: uppercase;}

	.desktop #quotesTable .printer, .desktop #dropoffTable .printer{background: url(https://www.p4d.co.uk/img/icon-printer.png) 40% 10% no-repeat; min-height: 90px; text-align: center;}

	.desktop #quotesTable .printer .optional{ display: block; height: 45px}

	.desktop #quotesTable .printer .required{display:block; background: url(https://www.p4d.co.uk/img/icon-required.png) 70% 90% no-repeat;height: 45px;}

	.desktop #quotesTable .printer .notrequired{display:block; background: url(https://www.p4d.co.uk/img/icon-notrequired.png) 70% 90% no-repeat;height: 45px;}

	.desktop #quotesTable .total, .desktop #quotesTable .day, .desktop #quotesTable .time{display:block;font-size: 1.8em; line-height: 1.2em; font-weight: 400; color: #1d1d1d; }

	

	.desktop #quotesTable .vat, .desktop #dropoffTable .vat{display: block;}

	.desktop #quotesTable .add{display:block; color:#e68012;}

	.desktop #quotesTable .more{text-decoration: none;}

	.desktop #quotesTable .more:hover{text-decoration: underline;}

	.desktop #quotesTable .info {position: relative; text-align: center;}

	.desktop #quotesTable .info span{color:#08a1d9;}

	.desktop #quotesTable .info .tooltip{display:none;}

	.desktop #quotesTable .action{text-align: center;}

	.desktop #quotesTable .action select, .desktop #dropoffTable .action select{margin-bottom: 10px;}

	.desktop #quotesTable .action .btn2{display: block;}



	.desktop #confirmationTable .header .col2,

	.desktop #confirmationTable .row .col2{width: 23%; min-height: inherit;}

	.desktop #confirmationTable .header .col3,

	.desktop #confirmationTable .row .col3{width: 23%;}

	.desktop #confirmationTable .header .col4,

	.desktop #confirmationTable .row .col4{width: 23%;}



	.desktop ul.recent{font-size: 1em; line-height: inherit;}



	

	/* Dashboard --------------------------------------------------------- */

	.desktop .recent-orders .btn2{margin-top: 20px;}



	.desktop #importTable .header .col1, .desktop #importTable .row .col1{width: 8.2%;}

	.desktop #importTable .header .col2, .desktop #importTable .row .col2{width: 9%; padding-left: 1%;}

	.desktop #importTable .header .col3, .desktop #importTable .row .col3{width: 13%; padding-left: 1%;}

	.desktop #importTable .header .col4, .desktop #importTable .row .col4{width: 17%;}

	.desktop #importTable .header .col5, .desktop #importTable .row .col5{width: 10%;}

	.desktop #importTable .header .col6, .desktop #importTable .row .col6{width: 13%;margin: 0;border: 0px;}

	.desktop #importTable .header .col7, .desktop #importTable .row .col7{width: 9%;}

	.desktop #importTable .header .col8, .desktop #importTable .row .col8{width: 8%;}

	.desktop #importTable .header .col9, .desktop #importTable .row .col9{width: 6%; margin: 0; clear: none; display: block; text-align: left;}

	.desktop #importTable .header .col10, .desktop #importTable .row .col10{width: 4%; display: block;}



	.desktop #importTable .row.edit .col6{width: 30%; font-size: 1.4em;}



	/*#importTable .col9 .ui-checkbox .ui-btn-inner, #importTable .col9 .ui-radio .ui-btn-inner{padding: 0 10px;}*/

	.desktop #importTable .col9 .ui-checkbox .ui-icon{left: 9px;}

	.desktop #importTable .col9 .ui-checkbox .ui-btn-text{opacity:0;}



	/* Dashboard Quick Booking --------------------------------------------------------- */

	/* Edit custom widths below. Must be in percents and the total must not exceed 97% */

	.desktop .oneline .col1{width: 8.5%;}

	.desktop .oneline .col2{width: 8.5%;}

	.desktop .oneline .col3{width: 8.5%;}

	.desktop .oneline .col4{width: 8.5%;}

	.desktop .oneline .col5{width: 19.3%;}

	.desktop .oneline .col6{width: 16.8%;}

	.desktop .oneline .col7{width: 17.8%;}

	.desktop .oneline .col8{width: 4%;}
	
	.desktop .oneline .col9{width: 4%;}
	

	.desktop .oneline-commercial-invoice .col1{width: 25%;}

	.desktop .oneline-commercial-invoice .col2{width: 30%;}

	.desktop .oneline-commercial-invoice .col3{width: 10%;}

	.desktop .oneline-commercial-invoice .col4{width: 10%;}

	.desktop .oneline-commercial-invoice .col5{width: 22%;}



	.desktop .oneline-commercial-invoice.vat .col1{width: 30%;}

	.desktop .oneline-commercial-invoice.vat .col2{width: 35%;}

	.desktop .oneline-commercial-invoice.vat .ui-checkbox .ui-btn{margin: 0;}

	.desktop .oneline-commercial-invoice.vat .ui-mini .ui-btn-inner{padding-top:1%; padding-bottom: 1%;}

/* ====================\ 5. Maximal Width: forced width for no-touch devices /==================== */





/* ==|== print styles ======================================================= */

@media print {

  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 

  a, a:visited { text-decoration: underline; }

  a[href]:after{content: " (" attr(href) ")"; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; }

  tr, img { page-break-inside: avoid; }

  img { max-width: 100% !important; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3 { page-break-after: avoid; }

}



/* OUTSIDE TEMPLATE styles ==================================== */



.claim-files tr {

	font-size: 10pt;

}



.claim-files td {

	height: 24px;

	padding: 8px;

	vertical-align: middle;

}



.image-with-border {

	border: 1px solid #d0e998;

	padding-top: 3px;

	padding-left: 8px;

	padding-right: 8px;

	padding-bottom: 6px;

}



/* ADDED MOBILE CSS */

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

  	.wrapper header h1, .wrapper header h2, .wrapper aside h1, .wrapper aside header h3 { font-size: 1.4em; line-height: 3.4em; }

	header > .frame3 { display: none; }

	#main > article > section > .twocol, #main > article > section > .twocol.left, #main > article > section > .twocol.first, #main > article > section > .twocol.right, #main > article > section > .twocol.second, #onecol1, #onecol2, #checkout #right-address-block { float: none; width: 96%; padding: 0 2%; }

	.homeTop .oneThird {
		margin-right:1%;
		width:99%;
	}
	.header-content .homeTop h1 {
		font-size: 1.7em;
	}
	.pullBoxHome {
		width:75%;
	}
	/* CHRIS NEW CHANGES */

	.recent-quotes { display: none; }

	.wrapper.more-links { display: none; }

	.wrapper.additional1 { display: none; }

	.ukeu img { width: 100%; padding: 5px; }

	.ukeu p { color: white; }	

	.sameday img { width: 100%; padding: 5px; }

	.sameday h2 { color: white; }	

	.sameday p { color: white; }		

	.documents p { color: white; }

	.twoman img { width: 100%; padding: 5px; }

	.twoman h2 { color: white; }	

	.twoman p { color: white; }		

	.business h2 { color: white; }	

	.business p { color: white; }		

	

	article ul {
	    font-size: 0.7em;
	    line-height: 2em;
	}



}



.tracking-page-table {

	font-size: 16pt;

}



.tracking-page-table tr {

	height: 40px;

}



.tracking-page-table td {

	padding: 20px;	

}

.parcelbox { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: #306a8f; width: 290px; margin-bottom: 10px; }
.parcelbox-left { width: 56%; float: left; padding: 12px 0; }
.parcelbox-right { width: 43%; float: right; min-height: 87px; background: url('/img/parcelbox.png') left 12px no-repeat; position: relative; }

.parcelbox-title { font-size: 20px; color: #ffffff; margin-bottom: 5px; line-height: 1; padding-left: 12px; }
.parcelbox-price { font-size: 12px; color: #ffffff; line-height: 17px; padding-left: 12px; }
.parcelbox-price strong { font-size: 15px; line-height: 17px }

.parcelbox-right a { display: block; position: absolute; top: 21px; right: 7px; }
.parcelbox-right .parcelbox-flag { position: absolute; width: 40px; height: 26px; top: 47px; left: 19px; }

.parcelbox-footer { font-size: 11px; line-height: 1; color: #ffffff; background: #29ace2; padding: 9px 12px; clear: both; }

/* ARRANGE COLLECTION */

#main article.rightarticle { float: right; }
#main aside.leftaside { float: left; }

.cleanform { width: 100% !important; }
.cleanform > form { width: 100%; }
.cleanform .rows label { width: 22%; float: left; padding: 4px 0 4px 3.9%; }
.cleanform .rows label.firstlabel { padding-left: 0; }
.cleanform .rows .suplist label { padding-top: 10px; padding-bottom: 0; }
.cleanform .rows div:after { content: ' '; display: block; clear: both; }
.cleanform label sup { display: block !important; color: #555 !important; text-transform: none !important; font-weight: bold !important; text-align: center; line-height: 1; font-size: 1.2em !important;}
.cleanform label input, .cleanform .items input { width: 100% !important; padding-top: 6px !important; padding-bottom: 6px !important; text-align: center !important; font-size: 1.4em !important; }
.cleanform .items input { width: 137px !important; }
.cleanform p { color: #555 !important; font-size: 16px !important; }
.cleanform .items, .cleanform .rows, .cleanform .rows .nopackages { float: none !important; }
.cleanform .items { padding: 0 !important; }
.cleanform .copylink { display: none; }

.hide_window{ display: none; }

/* NEW QUOTE CSS */

.desktop .wrapper.quotepage { max-width: 1232px; width: 1232px; }
.desktop .wrapper.quotepage article.single { max-width: 1200px; width: 1200px; }

#newquote { width: 66.4%; float: left; }
.newquote-clear { display: block !important; clear: both !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }

#newquote h3 { color: #009fda; font-family: 'Open Sans', sans-serif; font-size: 24px; }
#newquote .newquote-description { color: #555555; font-size: 14px; margin-bottom: 20px; min-height: 20px; }

#newquote-tabs { display: inline-block; float: right; padding-top: 30px; }
#newquote-tabs a { display: inline-block; margin: 0 3px 5px 0; border: 1px solid #36b1df; color: #36b1df; font-size: 14px; padding: 4px 15px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; }
#newquote-tabs a:hover, #newquote-tabs a.active { background: url('../img/quote-btnbg-blue.png') repeat-x; color: #ffffff; padding: 5px 16px; border: 0; }

#newquote-list { list-style: none; padding: 0 !important; }
#newquote-list li { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #bcbdbd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: 18px; width: 48.4%; margin: 0 2.45% 20px 0; float: left; }
#newquote-list li.second { margin: 0 0 20px 0; } 
#newquote-list li form{    box-shadow: 0px 3px 3px rgba(61, 62, 66, 0.32);    /*   min-height: 245px; */  }

.newquote-topbox { padding: 15px 4% 23px 4%; }
.newquote-title { font-size: 18px; color: #ffffff; background: #6f889e; height: 35px; line-height: 35px; padding: 0 0 0 4%; }
.newquote-price { display: inline-block; float: right; font-size: 24px; height: 35px; background: url('../img/quote-titlebg-black.png') repeat-x; padding-right: 7px; padding-left: 3px; margin-right: -1px; -webkit-border-top-right-radius:2px; -moz-border-top-right-radius:2px; border-top-right-radius:2px; }
.newquote-price span { display: inline-block; height: 26px; font-size: 10px; color: #ffffff; width: 50px; padding: 4px 1px 4px 0; background: url('../img/quote-titlebg-separator.png') repeat-y right; line-height: 1.3; text-align: center; float: left; margin-right: 6px; text-transform: uppercase; }

div.newquote-img { background: #ffffff; margin-left: 0; padding: 0; border: 1px solid #e0e0e0; width: 43%; float: left; }
div.newquote-img img { display: inline-block; vertical-align: middle; width: 100%; }

.newquote-icons { float: right; width: 52%; padding-bottom: 8px; }
.newquote-icons > * { color: #009fda; font-size: 9px; text-transform: uppercase; border: 1px solid #009fda; text-align: center; line-height: 1.3; background: #e5f0f4; padding: 25px 0 0 0; width: 27%; text-decoration: none; }
.newquote-icons .newquote-printer-recommended { display: inline-block; background: url('../img/icon-quote-printer-recommended.png') no-repeat center 5px #e5f0f4; float: left; }
.newquote-icons .newquote-printer-required { display: inline-block; background: url('../img/icon-quote-printer-required.png') no-repeat center 5px #fff; float: left; }
.newquote-icons .newquote-printer-notrequired { display: inline-block; background: url('../img/icon-quote-printer-notrequired.png') no-repeat center 5px #fff; float: left; }
.newquote-icons .newquote-cover { display: block; background: url('../img/icon-quote-cover.png') no-repeat center 5px #fff; position: relative; margin: 0 auto; }
.newquote-icons .newquote-cover span { display: inline-block; padding: 3px 1px; border: 1px solid #009fda; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 10px; font-weight: normal; position: absolute; top: -8px; right: -8px; background: #e5f0f4; min-width: 17px; }
.newquote-icons .newquote-moreinfo { display: inline-block; background: url('../img/icon-quote-info.png') no-repeat center 5px #ffffff; cursor: pointer; float: right; }
.newquote-icons .newquote-moreinfo:hover, .newquote-icons .newquote-cover:hover,.newquote-icons .newquote-printer-notrequired:hover,.newquote-icons .newquote-printer-required:hover,.newquote-icons .newquote-printer-recommended:hover { background-color: #ddefff; }
.newquote-delivery-time { float: right; width: 52%; color: #555555; font-size: 14px; line-height: 1.3; }
.newquote-delivery-time-small { font-size: 10px; } 

.newquote-b2bonly { display: block; color: #ff0000; background: #e4e4e4; border-top: 1px solid #07a2dc; padding: 1px 4%; font-size: 11px; line-height: 14px; margin-bottom: 0; margin-top: -17px; position: relative; z-index: 10; text-align: center; }

.newquote-bottom { background: rgb(232, 232, 232);
    border-top: 1px solid #049ed6;
    padding: 8px 4% 8px 4%;
}
.newquote-bottom p { font-size: 11px; color: #555555; line-height: 1.1; position: relative;     height: 30px;  }
.service_307 .newquote-bottom p, .service_315 .newquote-bottom p{    height: 43px;    overflow: visible; }
.service_307 .newquote-topbox, .service_315 .newquote-topbox {padding:7px;}
.newquote-bottom select { font-size: 14px; border: 1px solid #049ed6; padding: 7px 2%; width: 61%; }
.newquote-bottom button { font-size: 14px; width: 35%; padding-left: 2%; padding-right: 2%; float: right; }


#newquote.full-width { width: 100%; }
#newquote.full-width #newquote-list li, #newquote.full-width #newquote-list li.second { width: 32.26%; margin: 0 1.3% 20px 0; }
#newquote.full-width #newquote-list li.third { width: 32.26%; margin: 0 0 20px 0; }
#newquote.full-width #newquote .newquote-description { min-height: 20px; }

#newdropoff { width: 32.2%; float: right; }

#newdropoff h3 { color: #e88213; font-family: 'Open Sans', sans-serif; font-size: 24px; }
#newdropoff .newdropoff-description { color: #555555; font-size: 14px; margin-bottom: 20px; min-height: 20px; }

#newdropoff-tabs { display: inline-block; float: right; padding-top: 30px; }
#newdropoff-tabs a { display: inline-block; margin: 0 3px 5px 0; border: 1px solid #f38c1e; color: #f38c1e; font-size: 14px; padding: 4px 15px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; }
#newdropoff-tabs a:hover, #newdropoff-tabs a.active { background: url('../img/quote-btnbg-orange.png') repeat-x; color: #ffffff; padding: 5px 16px; border: 0; }

#newdropoff-list { list-style: none; padding: 0 !important; }
#newdropoff-list li { border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #bcbdbd;
     -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: 18px; margin: 0 0 20px 0; }
#newdropoff-list li form{
	box-shadow: 0px 3px 3px rgba(61, 62, 66, 0.32);
	
}
.newdropoff-topbox { padding: 15px 4% 8px 4%; }
.newdropoff-title { font-size: 18px; color: #ffffff; background: #f19f7d; height: 35px; line-height: 35px; padding: 0 0 0 4%; }
.newdropoff-price { display: inline-block; float: right; font-size: 24px; height: 35px; background: url('../img/quote-titlebg-black.png') repeat-x; padding-left: 3px; padding-right: 7px; margin-right: -1px; -webkit-border-top-right-radius:2px; -moz-border-top-right-radius:2px; border-top-right-radius:2px; }
.newdropoff-price span { display: inline-block; height: 26px; font-size: 10px; color: #ffffff; width: 44px; padding: 4px 0 4px 0; line-height: 26px; text-align: center; float: left; text-transform: uppercase; }
.newdropoff-price span.withvat { display: inline-block; height: 26px; font-size: 10px; color: #ffffff; width: 50px; padding: 4px 1px 4px 0; background: url('../img/quote-titlebg-separator.png') repeat-y right; line-height: 1.3; text-align: center; float: left; margin-right: 6px; text-transform: uppercase; }

div.newdropoff-img { background: #ffffff; margin-left: 0; padding: 0; border: 1px solid #E0E0DF; width: 43%; float: left; }
div.newdropoff-img img { display: inline-block; vertical-align: middle; width: 100%; }
 
.newdropoff-icons { float: right; width: 52%; padding-bottom: 12px; }
.newdropoff-icons > * { 
	color: #009fda;
    font-size: 9px;
    text-transform: uppercase;
    border: 1px solid #c1c1c1;
    text-align: center;
    line-height: 1.3;
    /* background: #e5f0f4; */
    padding: 25px 0 0 0;
    width: 27%;
    text-decoration: none;
}
.newdropoff-icons .newdropoff-printer-recommended { display: inline-block; background: url('../img/icon-quote-printer-recommended.png') no-repeat center 5px #fff; float: left; }
.newdropoff-icons .newdropoff-printer-required { display: inline-block; background: url('../img/icon-quote-printer-required.png') no-repeat center 5px #fff; float: left; }
.newdropoff-icons .newdropoff-printer-notrequired { display: inline-block; background: url('../img/icon-quote-printer-notrequired.png') no-repeat center 5px #fff; float: left; }
.newdropoff-icons .newdropoff-cover { display: block; background: url('../img/icon-quote-cover.png') no-repeat center 5px #fff; position: relative; margin: 0 auto; }
.newdropoff-icons .newdropoff-cover span { display: inline-block; padding: 3px 1px; border: 1px solid #9a9a9a; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 10px; font-weight: normal; position: absolute; top: -8px; right: -8px; background: #fff; }
.newdropoff-icons .newdropoff-moreinfo { 
	display: inline-block;
    background: url('../img/icon-quote-info.png') no-repeat center 5px #ffffff;
    cursor: pointer;
    float: right;
}

.newdropoff-address { float: right; width: 52%; color: #555555; font-size: 12px; line-height: 1.2; padding-bottom: 3px; margin-top: -10px; }
.newdropoff-distance { float: left; width: 44%; color: #e88112; font-size: 17px; font-weight: bold; text-align: center; line-height: 26px; margin-top: 7px; }
a.newdropoff-hours { float: left; width: 44%; color: #555555 !important; font-size: 12px; font-weight: bold; line-height: 14px; cursor: pointer; text-align: center; }
.newdropoff-b2bonly { color: #ff0000; background: #e4e4e4; border-bottom: 1px solid #07a2dc; border-top: 1px solid #07a2dc; padding: 1px 4%; font-size: 11px; line-height: 14px; margin-bottom: -9px; margin-top: -9px; position: relative; z-index: 10; text-align: center; }


.newdropoff-bottom { background: rgba(218, 218, 218, 0.37); padding-bottom: 15px; }
.newdropoff-bottom .newdropoff-bottom-description { width: 49%; float: left; }
.newdropoff-bottom .newdropoff-bottom-price { width: 22%; float: left; }
.newdropoff-bottom p { font-size: 14px; color: #555555; line-height: 1.3; padding: 0; font-weight: 500; }
.newdropoff-bottom span { display: block; font-weight: normal; font-size: 11px; line-height: 1.5;  }
.newdropoff-bottom > a { display: block; color: #777777 !important; font-size: 10px; line-height: 1; margin-left: 4%; margin-bottom: -10px; }
.newdropoff-bottom .newdropoff-service {  padding: 4px 4% 4px 4%; border-top: 1px solid #ffd2a0; } 
.newdropoff-additional { display: none; }

.newdropoff-bottom .ui-link{ display: inline-block; margin-top: 10px; padding: 10px 0; }

.newdropoff-bottom button { font-size: 14px; float: right; width: 27%; }

#newdropoff-box { padding: 15px 15px; background: url('../img/newdropoff-bg.png') repeat-x top #DF7A0F; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#newdropoff-box p { font-size: 18px; color: #ffffff; text-align: center; line-height: 1.3; margin-bottom: 5px; }
#newdropoff-box input { width: 58%; float: left; background: #FFFFFF; border: 1px solid #ffffff; font-size: 18px; margin: 0; padding: 7px 2%; }
#newdropoff-box input.invalid { background-color: #FFE0E0; border: 1px solid #FF6262; }
#newdropoff-box label.invalid { display: none !important; }
#newdropoff-box button { width: 36%; float: right; font-size: 18px; padding: 6px 2%; }

#newdropoff-no-services { padding: 15px 15px 5px 15px; background: url('../img/newdropoff-noservices-bg.png') repeat-x top #D3D3D3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
#newdropoff-no-services p { font-size: 18px; text-align: center; line-height: 1.3; margin-bottom: 0; }


/* fallback */
.XserviceInfoBulletsX {
	display:none;
	content: '';
}

/* fedex freight*/
.showServiceInfoBullets {
	display:block;
}

#newquote-list li .showServiceInfoBullets ul li,
.desktop #newquote-list li .showServiceInfoBullets ul li,
.showServiceInfoBullets ul li {
	float:initial;
	width:initial;
	border:initial;
	margin:initial;

	/*font-size: 0.7em;*/
    line-height: 1.5em;

}

.serviceMetaList li {
	font-weight: bold;
	font-size: 1.2rem;
}

.font_0_7em {
	font-size:0.7em;
}

.font_1_1em {
	font-size:1.1em;
}

/* myhermes */
.newdropoff-nearest{display:none;}
.drop_svc_308 .newdropoff-hours.newdropoff-nearest, .drop_svc_314 .newdropoff-hours.newdropoff-nearest, .drop_svc_311 .newdropoff-hours.newdropoff-nearest {
	display:initial; margin-top: 10px; margin-bottom: 5px;
	color: #4c89b1!important;
    border: 1px solid #909090;
    border-radius: 4px;
    padding: 4px 0;
}

.drop_svc_308 .newdropoff-hours,.drop_svc_314 .newdropoff-hours {display:none; }
.drop_svc_308 .newdropoff-distance, .drop_svc_308 .newdropoff-cover, .drop_svc_314 .newdropoff-distance, .drop_svc_314 .newdropoff-cover {display:none; }
.drop_svc_308 .newdropoff-icons > *, .drop_svc_314 .newdropoff-icons > * { width:45%; }
.working_routing {opacity:0.5;}
.working_routing:before {
    background: #fff url(http://www.p4d.co.uk/img/horizontal-ajax-loader.gif);
    background-repeat: no-repeat;
    /* height: 20px; */
    width: 100px;
    content: "";
    display: block;
    position: relative;
    background-position: center center;
    padding: 35px;
    /* top: 80px; */
    left: 50%;
    /* top: 130px; */
    /* border: 3px solid black; */
    margin-left: -88px;
}
.working_routing input,.working_routing button{pointer-events: none;}
.impossible_routing input,.impossible_routing button { display:none; }
.impossible_routing { opacity: 0.4;}
.impossible_routing:before{
	display:block;
	padding:5px;
	content:"myHermes unavailable";
	background: #dc7868;
	text-align: center;
	color: #fff;
}
.success_routing:before{
/*
	display:block;
	padding:5px;
	content:"myHermes can deliver this";
	background: #67dbb2;
	text-align: center;
	color: #fff;
*/
}
li.myhermes_parcelshop_location { text-align: center; margin-bottom: 20px;background: rgba(255, 255, 255, 0.92); color: #393939; padding:5px; list-style-type: none; }
li.myhermes_parcelshop_location h3 {
	font-size: 1.3em;
    font-weight: bold;
    color: #646464;
    margin: 0 0 1px 0;

}
li.myhermes_parcelshop_location .hours ul, li.myhermes_parcelshop_location .features {
	padding: 5px;
    margin: 0;
    list-style-type: none;
}
li.myhermes_parcelshop_location .hours ul li, li.myhermes_parcelshop_location ul.features li {
	font-size: 0.8em;
	color: black;
}


li.myhermes_parcelshop_location .button {
	color: #6496df!important;
    border: 1px solid #459cd4;
    padding: 5px;
    border-radius: 4px;
    background: #fafafa;
    margin: 5px;
    display: block;
    text-align: center;
    
}	

/* UPS A.P */
/* default; for every other svc this will apply */
.accesspoint_only { display: none; } 

.drop_svc_108 .accesspoint_only {display:block;}
.drop_svc_108 .newdropoff-hours.accesspoint_only {display:initial; margin-top: 10px; margin-bottom: 5px;}
.drop_svc_108 .newdropoff-distance{display:none; }
.drop_svc_108 .newdropoff-hours {display:none; }
.drop_svc_108 .newdropoff-hours.accesspoint_only {
	color: #4c89b1!important;
    border: 1px solid #909090;
    border-radius: 4px;
    padding: 4px 0;
}



/* PMP */
.drop_svc_311 .newdropoff-hours.newdropoff-nearest {display:initial; margin-top: 10px; margin-bottom: 5px;}
.drop_svc_311 .newdropoff-hours {display:none; }
.drop_svc_311 .newdropoff-distance, .drop_svc_311 .newdropoff-cover {display:none; }
.drop_svc_311 .newdropoff-icons > * { width:45%; } 
.pmp_stores_list h4 {
	color: #fff;
}
.pmp_stores_list .block {
	display:block;
}

#freshwidget-button {
	display: none!important; /* aggresive script is setting important so needs must */
}
html.desktop #freshwidget-button {
	display: block!important;/* aggresive script is setting important so needs must */
}

 
/* NOV15 - local people see a different section */
#newquote-list-dropoffs{
	
	list-style-type:none;
	
}
#newquote-list-dropoffs li{
	width:31%;
	float:left;
	margin-right:2%;	
	margin-bottom:15px;
} 
#newquote-list-dropoffs .newdropoff-title {
	background:#86A0E8;
}


#newquote-list-dropoffs .newdropoff-topbox{
border:1px solid #F3F3F3;
}

#newquote-list-dropoffs .newdropoff-bottom{
	background:#c1c1c1;
} 
#newquote-list-dropoffs .newdropoff-bottom .newdropoff-service{
	border-top:1px solid #cccbcb;
}

/* ADDED PUDO DROPOFF */
.newdropoff-pudoleft { width: 44%; }
.newdropoff-pudoleft .newdropoff-distance, .newdropoff-pudoleft a.newdropoff-hours { width: 100%; }
.newdropoff-pudobtn { float: right; width: 52%; padding-top: 5px; padding-bottom: 5px;  }
.newdropoff-pudobtn button { font-size: 15px; }

/* KEEP SAME STYLE ON DESKTOP */
.desktop .quotepage header .frame3 { display: block; }
.desktop #newquote { width: 66.4%; float: left; }
.desktop #newdropoff { width: 32.2%; float: right; }
.desktop #newquote-list li { width: 48.4%; margin: 0 2.45% 20px 0; float: left; }
.desktop #newquote-list li.second { width: 48.4%; margin: 0 0 20px 0; float: left; }
.desktop .newdropoff-distance { font-size: 17px; }

.desktop #newquote-tabs, .desktop #newdropoff-tabs { display: inline-block; float: right; padding-top: 30px; }

.desktop #newdropoff-box input { width: 70%; float: none; margin-bottom: 15px; }
.desktop #newdropoff-box button { width: auto; float: none; }

.desktop #newquote-tabs a { padding: 4px 15px; }

.desktop .newquote-title, .desktop .newdropoff-title { height: 35px; }
.desktop .newquote-price, .desktop .newdropoff-price { display: inline-block; float: right;  margin-left: 0; }

.desktop #newdropoff-box input { width: 58%; float: left; margin-bottom: 0; }
.desktop #newdropoff-box button { width: 36%;  float: right; }

.desktop #newquote.full-width { width: 100%; }
.desktop #newquote.full-width #newquote-list li, .desktop #newquote.full-width #newquote-list li.second { width: 32.26%; margin: 0 1.3% 20px 0; float: left; }
.desktop #newquote.full-width #newquote-list li.third, .desktop #newquote.full-width #newquote-list li.second.third { width: 32.26%; margin: 0 0 20px 0; float: left; }


@media only screen and (min-width: 767px) and (max-width: 1024px) {
	
	.quotepage header .frame3 { display: none; }
	#newquote, #newdropoff { width: 48%; }
	#newquote-list li, #newquote-list li.second { width: 100%; margin: 0 0 20px 0; float: none; }
	.newdropoff-distance { font-size: 15px; }
	#newquote-tabs, #newdropoff-tabs { float: left; display: none; padding-top: 0; }
	#newdropoff-box input { width: 70%; float: none; margin-bottom: 15px; }
	#newdropoff-box button { width: auto; float: none; }
	
	#newquote.full-width #newquote-list li, #newquote.full-width #newquote-list li.third { width: 48.4%; margin: 0 1.3% 20px 0; float: left; }
	#newquote.full-width #newquote-list li.second, #newquote.full-width #newquote-list li.second.third { width: 48.4%; margin: 0 0 20px 1.3%; }
	
}

@media only screen and (max-width: 767px) {
	
	#newquote, #newdropoff { width: 100%; float: none; }
	#newquote-list li, #newquote-list li.second, #newquote-list li.third { width: 100%; margin: 0 0 20px 0; float: none; }
	#newquote-tabs, #newdropoff-tabs { float: left; display: none; padding-top: 0; }
	#newquote-tabs a { padding: 4px 13px; }
	.newquote-title, .newdropoff-title { height: auto; }
	.newquote-price, .newdropoff-price { display: block; float: none;  margin-left: -4.5%; }
	#newdropoff-box input { width: 90%; float: none; margin-bottom: 15px; }
	#newdropoff-box button { width: auto; float: none; }
	
	.newdropoff-distance { font-size: 14px; font-weight: bold; text-align: center; line-height: 24px; margin-top: 0; }
	a.newdropoff-hours { font-size: 12px; line-height: 16px; }
	
	#newquote.full-width #newquote-list li, #newquote.full-width #newquote-list li.third, #newquote.full-width #newquote-list li.second, #newquote.full-width #newquote-list li.second.third  { width: 100%; margin: 0 0 20px 0; float: none; }
}

/* SMALL QUOTE BOX */

.miniquote-box { background: #eeeeee; }
.miniquote-nav {float: left; font-size: 1em; line-height: inherit; padding-right: 4px; width: 172px; margin: 0; padding-left: 0; }
.miniquote-nav > p { margin: 0 0 2px; display: block; background: url("/img/miniquote-tabactive.png") no-repeat scroll 100% 0 #009FDA; -moz-border-top-left-radius: 2px; -moz-border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; color: #FFFFFF !important; display: block; min-height: 30px; text-decoration: none; font-size: 1.4em; font-weight: 500;height: auto; min-height: 32px; padding: 8px 20px 8px 10px; width: 140px; line-height: 1.1 !important; }
.miniquote-nav div { color: #969696; font-size: 1.4em; padding: 10px 10px 10px 8px; }

.miniquote-tabs { float: left; width: 448px; }
.miniquote-tab {background: url("https://www.p4d.co.uk/img/tabbg.png") repeat-x scroll 0 0 #027098; border-radius: 2px; padding: 16px; }

.miniquote-collarea { padding-bottom: 10px; padding-right: 0;width: 57%; clear: none; float: left; margin: 0; }
.miniquote-collcode { padding-bottom: 10px; width: 40%; float: right; clear: none; margin: 0; }
.miniquote-collarea label, .miniquote-collcode label, .miniquote-tab p {color: #FFFFFF; display: block; font-family: Arial; font-size: 1.3em; text-shadow: none; text-transform: none; width: 100%; }
.miniquote-collarea select { width: 100%; background: url("https://www.p4d.co.uk/img/select-arrow.gif") no-repeat scroll 210px 10px #FFFFFF; border: 0 none; border-radius: 2px; font-size: 1.4em; padding: 10px; color: #222222; -webkit-appearance: none;
-webkit-border-radius: 2px; }
.miniquote-collcode input { padding: 8px 10px; } 
.miniquote-tab p { padding-bottom: 0; }
.miniquote-dimensions { padding-bottom: 10px; }
.miniquote-dimensions input { font-size: 1.6em; padding: 2%; width: 50px; }
.miniquote-dimensions sup {color: #FFFFFF; font-size: 1.3em; padding: 0 18px 0 5px; text-transform: uppercase; top: auto; }
.miniquote-dimensions label.error { display: none !important; }




/* !!!! START COPYING FROM HERE - THIS IS NEW STUFF */



/* NEW DROPOFF MAP */

.dropbox-page h2 {margin:0;padding:0;font-size:24px;font-family: 'Lato', sans-serif;margin-bottom:5px;}
.dropbox-page #newquote h2 {color:#e78228;}
.dropbox-page #newquote > p {padding-bottom:0;margin-bottom:20px;color:#38464d;font-size:14px;font-weight:500;line-height:1;}
.dropbox-page #newdropoff > p {padding-bottom:0;margin-bottom:20px;color:#38464d;font-size:14px;font-weight:500;line-height:1;}
.dropbox-page .headerbanner {background:#38464d url('/img/white-arrow.png') center right 50px no-repeat;box-sizing:border-box;padding:10px;margin-bottom:20px;}
.mapupdate-container {border-radius:4px;border:1px solid #e78228;background:#fff1bf;margin-bottom:15px;box-sizing:border-box;padding:10px;}
.mapupdate-container p {color:#38464d;font-size:17px;line-height: 100%;font-weight:600;}
.mapupdate-container .mapupdate-left p {padding-bottom:0;line-height:1.9;}
.mapupdate-container .mapupdate-left p span {color:#e78228;}
.mapupdate-left {float:left;width:48%;margin-right:4%;}
.mapupdate-right {float:right;width:48%;text-align:right;}
.mapupdate-right .postcode-container {width:150px;height:35px;margin-right:20px;display:inline-block;}
.mapupdate-right .postcode-container input {margin:0;font-size:14px;min-height:35px;}
.mapupdate-right .postcode-button {width:150px;height:33px;float:right;background:url('/img/gray-button.png')no-repeat;border:1px solid #949594;border-radius:2px;}
.mapupdate-right .postcode-button .updpost {font-size:14px;padding: .4em;line-height: 1.6;box-sizing:border-box;color:#38464d;font-weight:500;width:100%;border:none;border-radius:0;background:none;}
.map-container {box-sizing:border-box;position:relative; overflow: hidden;}
.big-options-bigcontainer { display: block; position: absolute; top: 0; left: 0; width: 100%; }
.big-options-container { position: relative; padding: 0 !important; margin: 0 !important; }
.big-options-container li {border:1px solid #e78228; border-radius:4px; position:absolute; background:#fff; list-style: none; padding: 10px 10px 10px 10px; z-index: 100; top: 10px; right: 10px; left: 10px; }
.optionsdiv {margin:10px 10px 1px 10px;box-sizing:border-box;}
.optionsdiv .logo-container {float:left;margin-right:20px; }
.optionsdiv .info-container {float:left;width:23%;margin-right:20px;}
.optionsdiv .starting-price .info-content {color:#38464d !important;font-size:20px!important;font-weight:600!important;}
.optionsdiv .starting-price {width: 13%;margin-right: 20px;text-align: right;}
.optionsdiv .address {width:22%;}
.optionsdiv .info-container p {padding:0;line-height:1;font-weight:600;}
.optionsdiv .info-container .info-title {color:#e78228;font-size:14px;margin-bottom:10px;}
.optionsdiv .info-container .info-content {color:#555555;font-size:14px;line-height:1.2;font-weight:500;}
.optionsdiv .return-to-map {float:right;text-align:center;}
.optionsdiv .return-to-map  a, .optionsdiv .return-to-map a:visited, .optionsdiv .return-to-map a:hover{display:block;width:120px;height:55px;background:url('/img/small-red-btn.png') no-repeat;font-weight:500;font-size:14px;color:#fff;text-decoration:none;line-height:1.4;padding-top: 9px; cursor: pointer;}
.orange-header {background:#fff1bf;}
.orange-header p {color:#e78228;font-size:14px;font-weight:600;}
.orange-header .price-header {padding-left:15px;}
.optionsdiv2 {padding:10px;box-sizing:border-box;background:url('/img/service-divider.png') bottom no-repeat;}
.optioncontainer-bg {float:left;width:26%;}
.optioncontainer-sm {float:left;width: 10%;text-align:center;}
.optioncontainer-bg p, .optioncontainer-sm p {padding-bottom:0;}
.optioncontainer-sm a { display: inline-block; width: 35px; height: 31px; text-indent: -9999px; cursor: pointer; margin-top: 8px; }
.optioncontainer-sm a.orange-printer { background: url('/img/map_printer.png') no-repeat center top; }
.optioncontainer-sm a.orange-cover { background: url('/img/map_cover.png') no-repeat center top; position: relative; }
.optioncontainer-sm a.orange-cover span { display: inline-block; position: absolute; top: 7px; right: 6px; font-size: 8px; line-height: 10px; color: #E78228; text-indent: 0; }
.optioncontainer-sm a.orange-info { background: url('/img/map_info.png') no-repeat center top;  }													
.service-container .service-title {font-size:14px;padding:0;color:#38464d;font-weight:600;line-height:1.2;margin-bottom:10px;}
.service-container .service-delivery {color:#38464d;font-size:10px;font-weight:500;line-height:1.2;}
.service-container .price {font-size:24px;font-weight:600;color:#38464d;padding-top: 8px;display:inline-block;line-height: 1.5em;padding-left:15px;margin-right:20px; vertical-align: top;}
.service-container .price-tva {color:#38464d;font-weight:600;font-size:12px;display: inline-block;text-align:center;}
.service-container .choose-service {float:right;width:120px;}
.service-container .choose-service .btn7 {width:100%;font-weight:500;font-size:14px;line-height: 1.6em;}
.service-divider {background:url('/img/service-divider.png') bottom no-repeat;height:1px;width:100%;}
.courier-services {padding-left:0;padding-top:0;margin-top:0;}
.courier-services li {border-left: 1px solid #049ed6;border-right: 1px solid #049ed6;border-bottom: 1px solid #049ed6;;list-style:none;border-radius: 2px;margin-bottom:20px;}
.courier-services .newquote-title {background:url('/img/courier-bbg.png')repeat-x;}
.courier-services .newquote-price {background: url('/img/price-bg.png') repeat-x;}
.courier-services .newquote-price span {background: url('/img/separator.png') repeat-y right; }
.courier-services .newquote-icons .newquote-printer-required {background: url('/img/service-printer.png') no-repeat center 5px #fff;}
.courier-services .newquote-icons .newquote-cover {background: url('/img/service-cover.png') no-repeat center 5px #e5f0f4;}
.courier-services .newquote-icons .newquote-moreinfo {background:url('/img/service-info.png') no-repeat center 5px #e5f0f4;}
.business-q {background:url('/img/business-icon.png')left no-repeat;}
.business-q p {padding:0;font-size:17px;font-weight:500;color:#fff;padding-left:45px;float:left;margin-right:20px;}
.business-q span {font-size:17px;color:#fff;line-height:1.5em;}
.business-q span a {font-weight:600; color: #ffffff !important; }
.redbtn {background:url('/img/red-btn.png');color:#fff;font-size:17px;font-weight:500;width:100%;border:1px solid #b41919;box-shadow:inset 0 1px 0 #f27070;}
.dropoffservice { display: none; }
#dropoffMap { height: 726px; border:1px solid #3e4c53; border-radius:2px; }

.mapUserMarker { background: url('/img/marker-home.png') no-repeat; display: block; height: 40px; width: 32px; z-index: 10000 !important; overflow: visible !important; }
.mapMarker { background: url('/img/marker-dropoff2.png') no-repeat; display: block; height: 60px; padding: 5px 5px 10px 5px; width: 74px; overflow: hidden !important; }
.mapMarker.activemarker { opacity: 1 !important; }
.mapMarker span { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; display: block; text-align: center; }
.mapMarker small { font-family: 'Open Sans', sans-serif; font-size: 10px; line-height: 13px; font-weight: normal; display: block; }
.mapMarker span small { font-family: 'Open Sans', sans-serif; font-size: 10px; line-height: 14px; font-weight: bold; display: inline-block; }
.mapMarker div { display: block; overflow: hidden !important; }
.mapMarker img { display: inline-block; width: 100%; height: auto; }


/* INDEX PAGE (BUSINESS BOX) */

.business-features,.announce_box {border:1px solid #A3BDCB;border-radius:1px;border-top-left-radius:4px;border-top-right-radius:4px;}
.business-features .features-header {background:#38464d;box-sizing:border-box;padding:10px;}
.business-features .features-header p {padding:0 0 0 45px;;font-size:18px;font-weight:500;color:#fff;background:url('/img/business-icon.png') left no-repeat;}
.business-features .features-body {box-sizing:border-box;padding:10px 15px 15px 15px;;font-weight:500;background:url('/img/bg-pattern.png');}
.business-features .features-body p {color:#115cf5;font-size:16px}
.business-features .features-body span {color:#000;}
.business-features .features-body ul {padding-left:10px;margin-top:0;margin-bottom:18px;}
.business-features .features-body li {list-style:none;background:url('/img/li-style.png')left no-repeat;padding:5px 0 5px 40px;font-size:16px;margin-bottom:5px;color:#293338;}
.business-features .features-body .btn7 {width:100%;font-size:24px;}
.p4dbusiness .business-features .features-body ul {margin:0;margin-bottom:20px;}
.p4dbusiness .business-features .features-body li {padding:10px 0 10px 40px;}
.headeroffer-msg {color:#293338;font-size:16px !important;}
.desktop .message-box {padding:0 !important;margin: 10px 0 0 0 !important;width:288px;-webkit-box-shadow: -1px -1px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: -1px -1px 25px -10px rgba(0,0,0,0.75);
box-shadow: -1px -1px 25px -10px rgba(0,0,0,0.75);}
.slider-top {box-sizing:border-box;padding:15px;position:relative;}
.message-box .slider-top span {color:#039eda!important;font-size:24px!important;font-weight:500!important;line-height: 1.9em !important;}
.message-box .slider-top img {max-width:100%;vertical-align:top;}
.message-box {background:#fff !important;}
.message-box .slider-top {height:70px !important;}
.message-box .slider-bottom {background:#bee3f5;border-top:1px solid #08a1da;width:100%;height: 42px;}
.message-box .slider-bottom td {color:#293338 !important;font-weight:bold !important;font-size:14px !important;box-sizing:border-box;padding: 11px 28px 11px 15px;}
.blue-arrow {position:absolute;right:-28px;top:45px;z-index: 10000;}
.message-box .cycle-slide {width:100%;}
.msg-box-container {position:relative;margin-right: 16px;}
.right-align {text-align:right !important;}
.no-margin {margin-right:0 !important;}
#uk-price {}


/* Since 9th Nov 2015 -- christmas hours etc */
.announce_box_slim{padding:10px;}

.announce_box{
	padding:10px;
} 
.announce_box .item{
	border-bottom:1px dotted #CCC8C8;
}
.announce_box .item ul {
    list-style-type: none;
    padding:0;
}
.announce_box .item ul li {
    float:left;
    width: 100%;
}
.announce_box .item ul li p{	
    font-size:8.5pt;
    
}
.announce_box .item ul li.img {
    width: 32%;
    min-height:180px;
    margin-left:6%;
}
.announce_box .item ul li.exc h4 {
    padding:0;
    margin:0;
    font-size:14px;
    font-family:sans-serif;
}
.announce_box .item ul li.exc small {
   margin-bottom:15px;
   display:block;
}
.announce_box .item ul li a.more {
    font-size:7.5pt;
    text-transform: uppercase;
}

/* -- end christmas hours box -- */

/*-- NOV15 - parcel dims guide ---*/
 .measureYourParcel, .measureYourParcelWeight{
	color: #eeeeee;
	background: #2a2a2a;
	padding:15px;
	font-family:sans-serif;
	margin-bottom:15px;
}
 .measureYourParcel h3, .measureYourParcelWeight h3{
	color:#eeeeee;
	font-size:1.6em;
	margin-top:0;	
	text-align: center;
}
 .measureYourParcel img, .measureYourParcelWeight img{
	max-width:100%;
	margin-top:10px;
	margin-bottom:10px;
}


/* DEC 15 - pallets */
.seasonalHide{display: none; }

.seasonalHide.seasonal_notice{display: block;}

/* DEC 17 - seasonal notice last dates  */
.seasonal_notice_box {
  color:#fff;
  padding:10px;
  font-family:sans-serif;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom:15px;
  border-bottom:5px solid #d02b2b;
}
.seasonal_notice_box a,
.seasonal_notice_box a:visited {
  color: #89a6ff;
  padding: 0 2px;
}
.seasonal_notice_box a:hover,
.seasonal_notice_box a:active {
  color: #fff;
}
.not_bs .seasonal_notice_box{
	font-size:0.8rem;
}
.local_p4dr {
	display: block!important;
}
.local_p4dr p {
	font-size:1rem;
}
.Xlocal_p4drX {
	display:none!important;
}

/* ----- end parcel dims guide ---*/

/* -- overlays --*/

.overlay.wholescreen{
	position: fixed;
	z-index:999;
	width: 100%;
	height:100%;
	background:rgba(250, 250, 250, 0.95);
	text-align: center;
	margin:0 auto;
	padding:0;
	top:0;
	left:0;
	padding-top:55px;
}
.overlay.wholescreen input{
	width:25%;
	max-width:160px;
	margin:0 auto;
}
.overlay.wholescreen button{
	padding:10px;
	background: #60cee6;
	color:#fff;
	font-family:sans-serif;
	font-size:1.2em;
}
.overlay.wholescreen .exit{
	padding:5px;
	margin:20px auto;
	border:1px solid #252525;
	color:#252525;
	text-decoration: none;
	text-align: center;
	display:block;
	width: 50%;
	max-width:270px;
}

/* ----- */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content:" ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
 * html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* close commented backslash hack */



/* REGISTER PAGE */

.register-page-wrapper article {width:100% !important;float:none !important;box-sizing:border-box;}
.register-page-wrapper article section p {color:#555555;font-weight:400;font-size:16px;}
.register-page-wrapper .home-account-container {float:left;width:48%;margin-right:3%;background:#fff;border-radius:2px;box-sizing:border-box;border:1px solid #38464d;margin-left:1%;}
.register-page-wrapper .business-account-container {float:left;width:48%;box-sizing:border-box;border:1px solid #38464d;border-radius:2px;}
.register-page-wrapper .header-account {background:#38464d;box-sizing:border-box;padding: 7px 15px;}
.register-page-wrapper .header-account p {padding-bottom:0;color:#fff;}
.register-page-wrapper .home-title {font-size:24px;background:url('/img/home-icon.png') left no-repeat;padding-left:35px;font-weight:500;color:#fff;}
.register-page-wrapper .business-title {font-size:24px;background:url('/img/business-icon.png') left no-repeat;padding-left:40px;font-weight:500;color:#fff;}
.register-page-wrapper  ul {font-size:14px;font-weight:600;margin-top:0;padding-left:8px;}
.register-page-wrapper  ul li {list-style:none;padding-bottom:5px;margin-bottom:5px;background:url('/img/li-style.png')left no-repeat;padding-left:45px; text-decoration:none;color:#293338!important;font-weight:500;font-size:16px; }
.register-page-wrapper  ul li:last-child {border-bottom:none;color:#293338;}
.register-page-wrapper .choose-account button{width:100%;font-size:24px;font-weight:500;}
.register-page-wrapper .account-body {box-sizing:border-box;padding:15px;}
.register-page-wrapper .account-body p {color:#38464d;font-size:14px; min-height: 105px;}

/* REGISTER PAGE 2 */

#account-type-header {margin-top:4px;}
#account-type-header .btn7 {box-sizing:border-box;padding: 12px 15px;margin-bottom:17px;width:100%;text-align:left;}
#account-type-header .btn7:hover {background: linear-gradient(#6bae36, #5d9f27) repeat scroll 0 0 #5d9f27;}
#account-type-header .btn5 {box-sizing:border-box;padding: 12px 15px;margin-bottom:17px;width:100%;text-align:left; }
#account-type-header .btn5:hover {background: #0381b1 url(https://www.p4d.co.uk/img/btn5.png) 0 -1px repeat-x;}
#account-type-header p {padding:0;font-size:24px;color:#fff;font-weight:500;line-height:1;}
.sign-up-header h2 {padding:0;margin:0;margin-bottom:4px;}
.left-form-container {width:48%;margin-right:4%;float:left;}
.right-form-container {width:48%;float:left;}

/* ALERTS */

.halfsized-container .alert-wrap {border:1px solid #49abce; border-radius:2px;width:48%;margin-right:3%;float:left;margin-bottom:0;}
.halfsized-container .last {margin-right:0;margin-top: 22px;background:ecf4f7;}
.halfsized-container .summary-alert {box-sizing:border-box;padding:15px 70px 15px 15px;margin:0;background:url('/img/blue-horn.png')bottom right 10px no-repeat;}
.halfsized-container {margin-bottom:20px;}
.alert-text {color:#38464d;font-size:14px;font-weight:500;line-height:1.6;}
.alert-bottom {text-align:right;width:100%;background:#44b7e2;display:block;text-decoration:none;box-sizing:border-box;padding:10px 15px;border-top:1px solid #49abce;}
.alert-wrap .summary-alert .alert-text {text-align:left;}
.alert-wrap {margin-bottom:20px;border-radius:2px;}
.summary-alert {box-sizing:border-box;padding:15px 60px 15px 15px;margin:0;}
.alert-bottom span {color:#fff;font-size:12px;background:url('/img/small-white-arrow.png') top 2px right no-repeat;padding-right: 20px;}

.green-alert {border:1px solid #4a811d;background:#e9ffd7;}
.green-alert .summary-alert {background:url('/img/green-horn.png')bottom right 10px no-repeat;}
.green-alert .summary-alert .alert-text a {color:#0019d4;text-decoration:none;}
.green-alert .alert-bottom {background:#60a329;border-top:1px solid #4a811d;box-shadow:inset 0 1px 0 #94c26e;}

.red-alert {border:1px solid #b41919;background:#ffdcdc;}
.red-alert .summary-alert {background:url('/img/red-horn.png')bottom right 10px no-repeat;}
.red-alert .alert-bottom {background:#da4040;border-top:1px solid #b41919;box-shadow:inset 1px 1px 0 #e25c5c;}

.orange-alert {border:1px solid #c96901;background:#fff2bc;}
.orange-alert .summary-alert {background:url('/img/orange-horn.png')bottom right 10px no-repeat;}
.orange-alert .alert-bottom {background:#ec9333;border-top:1px solid #c96901;}

.black-alert {border:1px solid #24282a;background:#e8f3f7;}
.black-alert .summary-alert {background:url('/img/black-horn.png')bottom right 10px no-repeat;}
.black-alert .alert-bottom {background:#38464d;border-top:1px solid #24282a;}

/* QUOTE2 */

.orange-postcode-container {position:absolute;left:50%;top:19%;box-sizing:border-box;padding:15px;border-radius: 2px;border: 1px solid #a65a09;display: inline-block;font-size: 1.4em;text-decoration: none;color: #fff;background:url('/img/orange-container-bg.png') 0 0 repeat-x;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.5);margin-left:-240px;max-width:480px;}
.orange-postcode-container p {padding-bottom: 30px;font-size:19px;font-weight: 500;}
.orange-postcode-container p.last {padding-bottom:10px;}
.inputpostcode {float:left;width:54%;}
.inputpostcode input {margin:0;}
.locationsupdate {float:right;width:42%;background: url('/img/gray-button.png')no-repeat;border: 1px solid #949594;border-radius: 2px;}
.updatelocation {font-size: 14px;padding: .4em;line-height: 1.6;box-sizing: border-box;color: #38464d;font-weight: 500;width: 100%;border: none;border-radius: 0;background: none;min-height: 35px;}
.map-container > img {max-width:100%;}

/* QUOTE3 */
.quote3headerbanner {background:#A3BFD2  !important;} 
.voucher-container {float:right;}
.voucher-container a{display:block;box-sizing:border-box;padding:5px 10px;background:url('/img/gray-btn-gradient.png')repeat-x;font-size:12px;color:#fff !important;border-radius:3px;border:1px solid #706f6f;text-decoration:none !important;box-shadow:inset 0 1px 0 #a1a1a1;font-weight:500;}

/* GOALS */
.idea-container {margin:35px 0;text-align:center;}
.basicbox h2  {  margin-bottom: 35px;}
.goals-box-container {margin-top:10px;}
.basicbox .btn6:hover {background: linear-gradient(#2E383C, #2E383C) repeat scroll 0 0 #2E383C;}
.basicbox .btn6 {display:block;border:none;border-radius:0;}
.basicbox .larger {margin-top:40px;}
.basicbox img {max-width:100%;}
.basicbox {float:left;width:31%;margin-right:3%;background:url('/img/blue-pattern.png');text-align:center;border:1px solid #2e393f;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;min-height:380px;}
.short200 { min-height: 200px !important; }
.short250 { min-height: 250px !important; }
.basicbox-last {margin-right:0;}
.box-header {font-size:20px;padding:15px 0;line-height:1;}
.box-img {margin:25px 0; padding: 0 20px;}
.box-text {padding:0 20px;font-size:11px;text-align:justify;color:#293338;margin-bottom:15px;}
.box-left {float:left;width:55%;margin-right:5%;text-align:center;}
.box-right {float:right;width:40%;text-align:center;}

.basicbox .btn-black {background: linear-gradient(#293338, #293338) repeat scroll 0 0 #293338 !important;}
.basicbox .btn-black:hover {background: linear-gradient(#293338, #293338) repeat scroll 0 0 #293338 !important;}

.basicbox .btn-blue {background: linear-gradient(#009FDA, #009FDA) repeat scroll 0 0 #009FDA !important;}
.basicbox .btn-blue:hover {background: linear-gradient(#009FDA, #009FDA) repeat scroll 0 0 #009FDA !important;}

.basicbox .btn-orange {background: linear-gradient(#EC8D30, #EC8D30) repeat scroll 0 0 #EC8D30 !important;} 
.basicbox .btn-orange:hover {background: linear-gradient(#EC8D30, #EC8D30) repeat scroll 0 0 #EC8D30 !important;}

.basicbox .btn-grey {background: linear-gradient(#F3F3F3F, #F3F3F3F) repeat scroll 0 0 #F3F3F3F !important;}
.basicbox .btn-grey:hover {background: linear-gradient(#F3F3F3F, #F3F3F3F) repeat scroll 0 0 #F3F3F3F !important;}

.basicbox .btn-green {background: linear-gradient(#5d9f27, #5d9f27) repeat scroll 0 0 #5d9f27 !important;}
.basicbox .btn-green:hover {background: linear-gradient(#5d9f27, #5d9f27) repeat scroll 0 0 #5d9f27 !important;}


@media only screen and (max-width: 1025px) {
	.box-header {font-size: 15px;}
}

@media only screen and (max-width:768px) {
	.basicbox {min-height:499px;}
}

@media only screen and (max-width: 767px) {
	.basicbox, .box-left, .box-right {width:100%;margin-bottom:20px;}
	.box-header {font-size:20px;}
	.basicbox {min-height:inherit;}
}



@media only screen and (max-width: 1025px) {
	.optionsdiv .logo-container {float:left;margin:0;}
	.optionsdiv .info-container {float:none;width:100%;margin:0;margin-bottom:10px;}
	.optionsdiv .address {width:100%;clear:both;}
	.optionsdiv .starting-price {width:100%;text-align:left;margin-right:0;}
	.optionsdiv .info-container .info-title {margin-bottom:0;}
	.optioncontainer-bg {width:28%;}
	.optioncontainer-sm {width:17%;}
	.orange-header .optionsdiv2 .option-price {width:21%;text-align:left;}
	.orange-header .price-header {text-align:center;}
	.service-container .price {margin-right:0;padding-left:0;font-size:16px;padding-top:0;}
	.service-container p {font-weight:500;}
	.service-container .choose-service {width:100%;margin-top: 10px;}
	.optioncontainer-sm a img {margin-top:0;}
	.service-container .service-delivery {margin-bottom:5px;}
	.mapupdate-right .postcode-container {margin-right:0;margin-bottom:17px;}
	.mapupdate-right {float:left;}
	.mapupdate-left {margin-right:0;}
	.mapupdate-right .postcode-button {float:left;}
	.dropbox-page .big-options-container li {margin:0;border:none;}
	.dropbox-page .headerbanner {background:#38464d;}
	.dropbox-page #newdropoff > p {margin-bottom:48px;}
	.dropbox-page .big-options-container li, .big-options-bigcontainer {position:static;}
	.business-q {background: url('/img/business-icon.png')top left no-repeat;}
	.total-cost {width:20%;text-align:right;}
	.orange-postcode-container {margin-left:0;top:auto;left:auto;position:static;max-width:none;margin-bottom:15px;}
}

@media only screen and (max-width:768px) {
	.message-box {height:100px;}
	.message-box .slider-containerB p {line-height:1 !important;}
	.message-box .small-slider-container p {margin-left:20px !important;}
	.message-box .slider-containerB {margin-right:20px;width:40%;}
	.tablet-margin {margin-top:5px;}
	#uk-price {line-height:1.4 !important;}
	.msg-box-container { display: none; }
	.locationsupdate {width:100%;}
	.inputpostcode  {width:100%;margin-bottom:17px;}
}


@media only screen and (max-width: 767px) {
	.register-page-wrapper .home-account-container {width:100%;margin:0;margin-bottom:20px;}
	.register-page-wrapper .business-account-container {width:100%;}
	.left-form-container, .right-form-container {width:100%;margin-right:0; float: none;}
	.dashboard-options-container .halfsized-container .alert-wrap  {width:100%;margin:0;margin-bottom:20px;}
	.dashboard-options-container .halfsized-container {margin-bottom: 0;}
	.dropbox-page #newdropoff > p {margin-bottom:20px;}
	.dropbox {margin: 0;width: 100%;}
	.map-container {margin-bottom:20px;}
	.mapupdate-left {width:100%;margin-right:0;}
	.mapupdate-right {width:100%;text-align:center;}
	.mapupdate-container {text-align:center;}
	.mapupdate-right .postcode-container {width:100%;}
	.mapupdate-right .postcode-button {float:none;display:inline-block;}
	.mapupdate-container .mapupdate-left p {padding-bottom: 20px;font-size: 14px;line-height: 1;}
	.mapupdate-container .mapupdate-left p span {display:block;}
	.mapupdate-right .postcode-button {width:100%;}
	.inner-map-container {margin-bottom:20px;}
	.threecol.first {width:100%;}
	.threecol.second {width:100%;}
	.threecol.third {width:100%;}
	#dropoffMap { height: 300px; }
	.orange-postcode-container p {font-size:17px;}

}

.next-timecard {
	font-size:0.8em;
	display:block;
	margin-top:5px;	
}

.checkbox-save {
	display:none;	
}


/* QUESTIONS */


.questions-container {background: #ffff73;padding:20px 0;border-bottom:1px solid #656650;}
.inner-questions-container {width:70%;margin:0 auto;text-align:center;box-sizing:border-box;}
.feedback-question {font-size:24px; vertical-align: middle;margin-right:45px;margin-top:5px;}
.question-mark-container {margin-right:20px;}
.feedback-answer-container a:first-child { margin-right:20px;}
#answered-mark, .feedback-a {display:none;}


@media only screen and (max-width: 1800px) {
	.inner-questions-container {width:80%;}
}

@media only screen and (max-width: 1576px) {
	.inner-questions-container {width:90%;}
}

@media only screen and (max-width: 1401px) {
	.inner-questions-container {width:100%;padding:0 20px;}
}

@media only screen and (max-width: 1303px) {
	.feedback-question {font-size:20px;}
}

@media only screen and (max-width: 1132px) {
	.feedback-question {font-size:17px;}	
}

@media only screen and (max-width: 1025px) {
	#question-mark {display:none;}
	.feedback-question {font-size: 20px;line-height: 1;margin-bottom:10px;width:78%;display:inline-block;margin-right:2%;}
	.feedback-answer-container {text-align: right;width:18%;display:inline-block;}
}

@media only screen and (max-width:767px) {
	.feedback-question {display:inline-block;width:100%;}
	.feedback-answer-container {display:inline-block;text-align:center;width:100%;}
}	

#irelandZones-pallets {
	width: 155px;
	background: #fff url(https://www.p4d.co.uk/img/select-arrow.gif) right 10px top 10px no-repeat;
  -webkit-appearance: none;
  -webkit-border-radius: 2px;
}

.live-wait-time a {
	font-size: 2.2em !important;
	line-height: 1em !important;
	font-weight: 500 !important;
	color: #009fda !important;
	margin: 0.8em 0 0.2em !important;
	padding: 5px 0 !important;
	text-decoration: none !important;
}

.live-wait-time {
	font-size: 1.2em !important;
	line-height: 1em !important;
	font-weight: 500 !important;
	color: #FA5858 !important;
	margin: 0.8em 0 0.2em !important;
	padding: 5px 0 !important;
	text-decoration: none !important;
}

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

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* DEC 15 -- sale! */
.wrapperbtn { 
    position: relative;
    z-index: 90;
}
.ribbon-wrapper-green {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}
.ribbon-green {
    font: bold 8px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 6px 0;
    left: -6px;
    top: 18px;
    width: 99px;
    
    background-color: #60BBB3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7AC5DC), to(#45BF91));
	background-image: -webkit-linear-gradient(top, #7ADCCA, #45BFBF); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);

    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.ribbon-green:before, .ribbon-green:after {
    content:"";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
}
.ribbon-green:before {
    left: 0;
}
.ribbon-green:after {
    right: 0;
}
.marginal{margin:15px;}


#recommendedServices ul{
	list-style-type:none;
	padding:0;
	width:100%;
	margin-left:5%;
	margin-right:5%;
}
#recommendedServices ul li{
	width: 28%;
	margin: 1%;
	float:left;
	min-height:238px;
}
 

.lastPostDates {
  background:url(https://www.p4d.co.uk/img/snowflake-tile.png);
  padding: 15px;
  color: #696868;
  font-size:3em;
  max-width: 100%;
}
.lastPostDates h1, .lastPostDates h2, .lastPostDates p, .lastPostDates small{
  font-size: initial;
  color: initial;
  margin:0;
  padding:0;
  color: #696868;
  background: rgba(255, 255, 255, 0.52);
}

.lastPostDates h1, .lastPostDates h2 {
  margin-bottom: 10px;
  font-size:1.1em;
  padding:4px 4px 4px 4px;
}
.lastPostDates small, .lastPostDates p {
   padding:2px 2px 2px 4px;

}
.lastPostDates small{
font-size: 0.7em;
}



/* buttons from skeleton */
/* getskeleton.com */
.button-skeleton {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}
.button-skeleton.slim {
	padding: 0 15px;
}
.button-skeleton:hover,
.button-skeleton:focus,
{
  color: #333;
  border-color: #888;
  outline: 0;
}

.button-skeleton.button-skeleton-primary
{
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0;
}

.button-skeleton.button-skeleton-primary:hover,
.button-skeleton.button-skeleton-primary:focus
{
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}
.button-skeleton.button-skeleton-primary.ui-link {
	color: #fff;
}




/* bootstrap */
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {  
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff!important;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,  
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,  
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,  
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,  
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {  
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff!important;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff!important;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,  
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,  
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,  
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,  
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {  
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff!important;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff!important;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,  
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,  
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,  
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,  
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {  
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,  
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,  
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,  
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,  
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {  
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff!important;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff!important;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,  
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,  
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,  
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,  
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {  
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff!important;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff!important;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,  
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,  
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,  
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,  
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {  
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {  
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,  
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {  
  color: #999;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,  
input[type="reset"].btn-block,  
input[type="button"].btn-block {  
  width: 100%;
}





/* w lbl */
body.wl-on #title, body.wl-on nav, body.wl-on .header-content, body.wl-on .wrapper.more-links, body.wl-on .footer-container,body.wl-on #footer-container, body.wl-on aside, body.wl-on #main .headleft {
	display:none!important;
}
.desktop body.wl-on .togglers .register, .wl-on .topupsummary, .desktop body.wl-on #title, .desktop body.wl-on nav, .desktop body.wl-on .header-content, .desktop body.wl-on .wrapper.more-links, .desktop .wl-on #footer-container, .desktop body.wl-on aside, .desktop body.wl-on #main .headleft {
	display:none!important; 
}
body.wl-on nav.navbar, body.wl-on footer {
	display: none!important;
}
body.wl-on .section {
	background: none;
}

body.wl-on #trackparcel input::placeholder {
	color: #fff; /* hack? */
	display:none;
}

body.wl-on .header-nav {
	margin-bottom:0!important;
}


/* brands */

	/* 170515: aka DEPOT 1090 demo */
	.wl-on.wl-brand-170515 .tabs .tab {
		background: #3c3c56;
	}

	.desktop body.wl-on.wl-brand-170515 .tabnav li.active .tablink, .wl-on.wl-brand-170515 .tabnav li.active .tablink {
		background: #3c3c56;
		background-image: none!important;
	}

	.wl-on.wl-brand-170515 .header-container, .wl-on.wl-brand-170515 #header-container  {
		padding-bottom:0;
	}
	.wl-on.wl-brand-170515 .header-nav {
		background: none;
		margin-bottom:0!important;
		border:0;
		height:auto;
	}
	.wl-on.wl-brand-170515 article header {
		background: #344e5a;
		display:none!important;
	}

	.wl-on.wl-brand-170515 .togglers .menu.ui-link  {
		display:none!important;
	}

	.wl-on.wl-brand-170515 #formlogin  {
		background: #525267;
	}
	.wl-on.wl-brand-170515 .loggedin, .desktop .wl-on.wl-brand-170515 .loggedin {
		background: rgba(98, 10, 57, 0.83);
	}

	.wl-on.wl-brand-170515 .loggedin .account  {
		display:none;
	}

	.wl-on.wl-brand-170515 .loggedin .logoutHolder {
		display:block;
		width:100%;
		float:none;
		margin:0;
		padding:0;
	}
	.wl-on.wl-brand-170515 .loggedin .logoutHolder .logout {
		display:block;
		width:100%;
		padding:5px 0;
		text-align: center;
	}

	.wl-on.wl-brand-170515 .togglers a.basket {
		background: #3c3c56 url(https://www.p4d.co.uk/img/icon-basket.png);
	}

	.wl-on.wl-brand-170515 .togglers a.login, .wl-on.wl-brand-170515 .togglers a.register, .wl-on.wl-brand-170515 .togglers .login, .wl-on.wl-brand-170515 .togglers .logout, .wl-on.wl-brand-170515 .togglers .account{
		background: #3c3c56;
	}

	.wl-on.wl-brand-170515 .ui-btn-up-d .ui-btn-inner, .wl-on.wl-brand-170515 .ui-btn-up-b .ui-btn-inner  {
		background: #f14983;
	}
	.wl-on.wl-brand-170515 .ui-btn-hover-d .ui-btn-inner, .wl-on.wl-brand-170515 .ui-btn-hover-b .ui-btn-inner {
		opacity:0.7;
	}
	.wl-on.wl-brand-170515 .ui-btn-up-d .ui-btn-inner span, .wl-on.wl-brand-170515 .ui-btn-up-b .ui-btn-inner span {
		color: #fff;
	}

	.desktop .wl-on.wl-brand-170515 .wrapper article {
		position:initial;
		margin:0 auto;
		float:none;
	}
	.desktop .wl-on.wl-brand-170515 .wrapper article {
		position:initial;
		margin:0 auto;
		float:none;
	}

	.desktop body.wl-on.wl-brand-170515 #roundUp, body.wl-on.wl-brand-170515 #roundUp  {
		display:none;
	}
	.desktop body.wl-on.wl-brand-170515 #basket .ui-checkbox .ui-controlgroup-last, body.wl-on.wl-brand-170515 #basket .ui-checkbox .ui-controlgroup-last {
		display:none;
	}

	.wl-on.wl-brand-170515 .wl_full_width {
		width:100%;
	}

	body.wl-on.wl-brand-170515 .basicbox .btn-orange {background: linear-gradient(#EC8D30, #EC8D30) repeat scroll 0 0 #EC8D30 !important;} 
	body.wl-on.wl-brand-170515 .basicbox .btn-orange:hover {background: linear-gradient(#EC8D30, #EC8D30) repeat scroll 0 0 #EC8D30 !important;}

	/* # 170515 */


	/* 125957: aka DEPOT 1090 demo */
	.wl-on.wl-brand-125957 .tabs .tab {
		background: #3c3c56;
	}

	.desktop body.wl-on.wl-brand-125957 .tabnav li.active .tablink, .wl-on.wl-brand-125957 .tabnav li.active .tablink {
		background: #3c3c56;
		background-image: none!important;
	}

	.wl-on.wl-brand-125957 .header-container, .wl-on.wl-brand-125957 #header-container  {
		padding-bottom:0;
	}
	.wl-on.wl-brand-125957 .header-nav {
		background: none;
		margin-bottom:0!important;
		border:0;
		height:auto;
	}
	.wl-on.wl-brand-125957 article header {
		background: #344e5a;
		display:none!important;
	}

	.wl-on.wl-brand-125957 .togglers .menu.ui-link  {
		display:none!important;
	}

	.wl-on.wl-brand-125957 #formlogin  {
		background: #525267;
	}
	.wl-on.wl-brand-125957 .loggedin, .desktop .wl-on.wl-brand-125957 .loggedin {
		background: rgba(98, 10, 57, 0.83);
	}

	.wl-on.wl-brand-125957 .loggedin .account  {
		display:none;
	}

	.wl-on.wl-brand-125957 .loggedin .logoutHolder {
		display:block;
		width:100%;
		float:none;
		margin:0;
		padding:0;
	}
	.wl-on.wl-brand-125957 .loggedin .logoutHolder .logout {
		display:block;
		width:100%;
		padding:5px 0;
		text-align: center;
	}

	.wl-on.wl-brand-125957 .togglers a.basket {
		background: #3c3c56 url(https://www.p4d.co.uk/img/icon-basket.png);
	}

	.wl-on.wl-brand-125957 .togglers a.login, .wl-on.wl-brand-125957 .togglers a.register, .wl-on.wl-brand-125957 .togglers .login, .wl-on.wl-brand-125957 .togglers .logout, .wl-on.wl-brand-125957 .togglers .account{
		background: #3c3c56;
	}

	.wl-on.wl-brand-125957 .ui-btn-up-d .ui-btn-inner, .wl-on.wl-brand-125957 .ui-btn-up-b .ui-btn-inner  {
		background: #f14983;
	}
	.wl-on.wl-brand-125957 .ui-btn-hover-d .ui-btn-inner, .wl-on.wl-brand-125957 .ui-btn-hover-b .ui-btn-inner {
		opacity:0.7;
	}
	.wl-on.wl-brand-125957 .ui-btn-up-d .ui-btn-inner span, .wl-on.wl-brand-125957 .ui-btn-up-b .ui-btn-inner span {
		color: #fff;
	}

	.desktop .wl-on.wl-brand-125957 .wrapper article {
		position:initial;
		margin:0 auto;
		float:none;
	}
	.desktop .wl-on.wl-brand-125957 .wrapper article {
		position:initial;
		margin:0 auto;
		float:none;
	}

	.desktop body.wl-on.wl-brand-125957 #roundUp, body.wl-on.wl-brand-125957 #roundUp  {
		display:none;
	}
	.desktop body.wl-on.wl-brand-125957 #basket .ui-checkbox .ui-controlgroup-last, body.wl-on.wl-brand-125957 #basket .ui-checkbox .ui-controlgroup-last {
		display:none;
	}

	.wl-on.wl-brand-125957 .wl_full_width {
		width:100%;
	}

	body.wl-on.wl-brand-125957 .basicbox .btn-orange {background: linear-gradient(#EC8D30, #EC8D30) repeat scroll 0 0 #EC8D30 !important;} 
	body.wl-on.wl-brand-125957 .basicbox .btn-orange:hover {background: linear-gradient(#EC8D30, #EC8D30) repeat scroll 0 0 #EC8D30 !important;}

	/* # 125957 */